* {
    @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300);
    font-family: "Source Sans Pro", verdana, helvetica, arial, sans-serif;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

body {
    background-color: red;
    font-weight: normal;
    color: #444;
}


/** FIX for Bootstrap and Google Maps Info window styes problem **/

img[src*="gstatic.com/"],
img[src*="googleapis.com/"] {
    max-width: none !important;
    max-height: none !important;
}

#UserLoginForm {}


/*alejo*/

#info_view {
    background: white;
    padding: 20px;
    border-radius: 4px;
    border: 1px solid #fff;
    width: 560px;
    margin: auto;
}

#info_add {
    width: 70%;
    max-width: 610px;
    background: white;
    /*box-shadow: 2px 2px 5px 0 #888;*/
    margin: auto;
    padding: 10px;
    border: 1px solid #f2f2f2;
    border-radius: 10px;
}

#info_add form label {
    margin: 10px 15px;
    font-size: 22px!important;
    font-family: 'Roboto'!important;
    font-weight: 700!important;
    display: inline-block;
}

#info_add table {
    background: #F0F0F0;
    border-collapse: collapse;
    border-style: solid;
    border-width: 3px;
}

#photo_view {
    width: 300px;
    background: #f2f2f2;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 15px;
}

img.photo_view_small {
    width: 90px;
    height: 80px;
    border: groove;
    padding: 0px 0 0 0px;
}

#chart {
    width: 65%;
    max-width: 600px;
    background: white;
    /*box-shadow: 2px 2px 5px 0 #888;*/
    /*margin: auto;*/
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 100px;
    /*min-height: 400px;*/
}

#table_chart {
    width: 65%;
    max-width: 600px;
    background: white;
    /*box-shadow: 2px 2px 5px 0 #888;*/
    margin: auto;
    padding: 20px;
    border-radius: 20px;
}

#info_histograms {
    width: 100%;
    max-width: 1000px;
    min-width: 1000px;
    background: white;
    box-shadow: 2px 2px 5px 0 #888;
    margin: auto;
    padding: 20px;
    border-radius: 20px;
    min-height: auto;
    /* min-height: 500px; */
}

#info_histograms legend {
    color: #0064C8;
    font-size: 150%;
    text-align: center;
}

dt {
    font-size: 14px;
    font-weight: 600 !important;
    color: #222;
}

dd {
    font-size: 16px;
    font-weight: 200;
}

a {
    color: blue;
    text-decoration: none;
    /*agregado*/
    /*font-size: 100%;*/
}

a:hover {
    color: #4582C4;
}

a img {
    border: none;
}

form {
}

form#UserContactForm {
    max-width: 500px;
}

form fieldset {
    margin: 0 0 5px;
    border: none;
}

form fieldset legend {
    color: #0064C8;
    font-size: 120%;
}

form div.checkbox label {
    display: inline;
}

form div.error,
form div.input,
form div.required,
form div.submit {
    margin: 0 0 5px;
    padding: 2px;
}

form div.error {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFDACC;
    color: #9E2424;
    font-weight: normal;
}

form div.error .error-message {
    padding: 0 0 0 4px;
}

form div.input {
    color: #444444;
}

form div.input .input-description {
    color: #9B8230;
}

form div.radio label {
    margin: 0 0 6px 20px;
    line-height: 26px;
}

form div.required {}

form div.required label:after {
    color: #0064C8;
    content: ' *';
}

form div.submit {}

form label {
    margin: 0 0 2px;
    display: inline-block;
    width: 150px;
    font-size: 22px!important;
    font-family: 'Roboto'!important;
    font-weight: 700!important;
}

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

form input[type=email],
form input[type=number],
form input[type=password],
form input[type=phone],
form input[type=date],
form input[type=text] {
    padding: 6px;
    width: 200px;
    font-size: 14px;
    clear: both;
    border: 4px solid #d1d1d1;
    border-radius: 15px;
    color: #121212!important;
    font-family: 'Roboto';
    font-weight: 300;
}

form input[type=search] {
    padding: 3px 1%;
    max-width: 208px;
    min-width: 208px;
    width: 31%;
    font-size: 100%;
    clear: both;
    color: #121212;
    border: 4px solid #d1d1d1;
    font-family: 'Roboto';
    background-color: #fff;
    border-color: #d1d1d1;
    border-radius: 12px;
    /*background-color: #d0e4fe;*/
}

form textarea {
    padding: 10px;
    width: 100%;
    height: 50px;
    font-size: 14px;
    clear: both;
    border: 1px solid #ccc;
}

form textarea[name=mensaje] {
    padding: 10px;
    width: 100%;
    height: 500px;
    font-size: 14px;
    clear: both;
    border: 1px solid #ccc;
}

form input[type=checkbox] {
    margin: 2px 6px 7px 0;
    width: auto;
    clear: left;
    float: left;
}

form input[type=BUTTON] {
    margin: -28px 6px 7px 339px;
    width: 70px;
    clear: left;
    float: left;
}

form input[type=radio] {
    margin: 6px 0;
    padding: 0;
    width: auto;
    line-height: 26px;
    float: left;
}

form input[type=submit] {
    /*border-color: #434542;*/
    padding: 8px 20px;
    background-color: #043974;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    color: #f0f0fa;
    font-size: 18px;
    border-radius: 6px;
    font-family: 'Roboto';
    font-weight: 700;
}

.btn-buscar {
    float: right;
    margin-top: -100px;
}

.btn-buscar-02 {
    float: right;
    margin-top: -45px;
}

.btn-buscar-03 {
    float: right;
    margin-top: -70px;
}

.btn-buscar-04 {
    float: right;
    margin-right: 200px;
}

.btn-buscar-05 {
    float: right;
    margin-top: -53px;
    margin-right: 60px!important;
}

.button {
    /*border-color: #434542;*/
    padding: 6px 12px;
    width: auto;
    /*background-color: #D5DAD4;*/
    color: #423D3D;
    font-size: 100%;
    text-shadow: 0 -1px 0 #CAB9B9;
    display: inline;
    margin-left: 18%;
    /*background-image: url(../../img/layout/movilventas/logo.png);*/
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

form input[type=submit]:hover {
    color: #f0f0fa;
    background-color: #0f3da8;
    cursor: pointer;
}

form option {
    font-size: 120%;
    padding: 0 3px;
}

form select {
    margin-top: 5px;
    width: 200px;
    height: 32px;
    font-size: 16px;
    clear: both;
    color: #121212;
    font-family: 'Roboto';
    background-color: #fff;
    border-color: #d1d1d1;
    border-radius: 12px;
    border: 3px solid #d1d1d1;
}

#CustomerZoneBestStartTimeToVisitHour {
    padding: 3px 1%;
    max-width: 209px;
    min-width: 50px;
    width: 33.5%;
    width: 10%;
    font-size: 100%;
    vertical-align: text-bottom;
    clear: both;
}

#CustomerZoneBestStartTimeToVisitMin {
    padding: 3px 1%;
    max-width: 209px;
    min-width: 50px;
    width: 33.5%;
    width: 10%;
    font-size: 100%;
    vertical-align: text-bottom;
    clear: both;
}

#CustomerZoneBestStartTimeToVisitMeridian {
    padding: 3px 1%;
    max-width: 209px;
    min-width: 50px;
    width: 33.5%;
    width: 10%;
    font-size: 100%;
    vertical-align: text-bottom;
    clear: both;
}

#CustomerZoneBestEndTimeToVisitHour {
    padding: 3px 1%;
    max-width: 209px;
    min-width: 50px;
    width: 33.5%;
    width: 10%;
    font-size: 100%;
    vertical-align: text-bottom;
    clear: both;
}

#CustomerZoneBestEndTimeToVisitMin {
    padding: 3px 1%;
    max-width: 209px;
    min-width: 50px;
    width: 33.5%;
    width: 10%;
    font-size: 100%;
    vertical-align: text-bottom;
    clear: both;
}

#CustomerZoneBestEndTimeToVisitMeridian {
    padding: 3px 1%;
    max-width: 209px;
    min-width: 50px;
    width: 33.5%;
    width: 10%;
    font-size: 100%;
    vertical-align: text-bottom;
    clear: both;
}

form select[multiple=multiple] {
    width: 745px;
    min-height: 200px;
}

form.admin {}

form.search {}

form.search div.input {
    float: right;
}

form.search input[type=text] {
    border: 1px solid #CCC;
    width: 300px;
    font-size: 80%;
    background-image: url(../../img/layout/movilventas/icons/magnify.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;
    opacity: 0.8;
}

form.search input[type=text]:hover {
    opacity: 1;
}

.filters {
    /*border: 1px solid #ccc;*/
    border-radius: 5px;
    /*background: #fff;*/
    padding: 10px;
    clear: both;
    margin-bottom: 6px;
}

.pad-filtros {
    padding-top: 20px;
}

.pad-filtros-02 {
    padding-top: 80px;
}

.pad-filtros-03 {
    padding-top: 60px;
}

.filters_tracks {
    /*margin-left: 32%;*/
    float: left;
    margin-top: 20px;
    width: 22%;
    /*height: 370px;*/
    /*background-color: green;*/
    position: absolute;
    /*text-align: center;*/
    margin-left: 10px;
}

.filters_tracks form select {
    width: 60%;
}

.filters_tracks label {}

.filters_tracks form input[type=text] {
    width: 63%;
}

.table_tracks {
    margin-left: 1%;
    float: left;
    /*margin-top: 20px;*/
    width: 22%;
    /*height: 200px;*/
    font-size: 80%;
    margin-top: 290px;
}

.table_tracks2 {
    margin-left: 1%;
    float: left;
    width: 22%;
    font-size: 80%;
    margin-top: 42%;
}

.filters_tracks form input[type=submit] {
    /*border-color: #434542;*/
    padding: 6px 12px;
    width: auto;
    background-color: #3a6087;
    color: #f0f0fa;
    font-size: 100%;
    text-shadow: 0 -1px 0 #CAB9B9;
    display: inline;
    margin-left: 32%;
    /*background-image: url(../../img/layout/movilventas/logo.png);*/
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#table_startFinish {
    width: 342px;
}

h1,
h2,
h3,
h4,
h4,
h5 {
    font-weight: normal;
    margin-bottom: 10px;
}

h1 {
    color: #003D4C;
    font-size: 100%;
}

h2 {
    padding: 10px 0;
    font-weight: 700px;
    font-size: 20px !important;
    color: #455a64!important;
    /*text-align: center;*/
}


/*Estilos mejoras UI*/

.h2-2020 {
    font-size: 16px!important;
    color: #043974!important;
    font-family: 'Roboto';
    font-weight: 700;
    display: inherit;
    padding-top: 25px;
}

.titulo-vista {
    padding-top: 50px;
}

.f-derecha {
    float: right!important;
}

.t-card {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 18px;
    color: #d1d1d1;
    margin-top: -60px;
}

.cnt-card {
    font-size: 36px;
    font-family: 'Roboto';
    font-weight: 700;
    color: #043974;
    float: right!important;
}

.card {
    border-radius: 20px!important;
    -webkit-box-shadow: 10px 10px 18px -11px rgba(128, 128, 128, 1)!important;
    -moz-box-shadow: 10px 10px 18px -11px rgba(128, 128, 128, 1)!important;
    box-shadow: 10px 10px 18px -11px rgba(128, 128, 128, 1)!important;
}

.pad-icon-02 {
    margin-top: -50px!important;
}

.pad-card {
    padding-top: 80px;
}

.circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

#redCircle {
    background: #ff0000;
}
#greenCircle {
    background: #92d050;
}
#yellowCircle {
    background: #ffff00
}
#grayCircle {
    background: #a09c9c
}

/*Fin mejoras UI*/

h3 {
    color: #2C6877;
    font-size: 91%;
}

h4 {
    color: #999933;
    font-weight: normal;
}

hr {
    margin: 10px;
}

p {
    margin: 10px 0;
}

ul {
    list-style-type: none;
}

ul li {
    margin: 0;
}

ul.conventional {
    margin-left: 30px;
    list-style-type: disc !important;
}

ul.conventional li {
    padding: 0 !important;
    display: list-item !important;
}

pre {
    word-break: break-all;
    max-width: 100%;
    overflow: hidden;
}

table {
    /*border-right: 0;*/
    color: #333333;
    margin-bottom: 10px;
    width: 100%;
    border-spacing: 0px;
    /*table-layout: fixed;*/
}

table th {
    /*background: #256294 !important;*/
    /*border: 0;*/
    /*border-bottom: 2px solid #555;*/
    color: #222;
    text-align: left;
    padding: 4px;
    font-size: 12px;
    font-weight: 800;
}

.largeTables {
    /*background: #256294 !important;
    border: 0;
    border-bottom: 2px solid #555;
    color: #FFFFFF;
    text-align: center;
    padding: 4px;*/
    font-size: 88%;
}

table th a {
    display: block;
    padding: 2px 4px;
    color: #222;
    font-weight: 800;
    /*text-decoration: none;*/
}

table th a.asc:after {
    content: ' ⇡';
}

table th a.desc:after {
    content: ' ⇣';
}

table tr td {
    padding: 6px;
    text-align: left;
    vertical-align: top;
    /*border-bottom: 1px solid #ddd;*/
    word-break: break-all;
    font-size: 73%;
    /*agregado*/
    /*font-size:100%;*/
    /*white-space: nowrap;*/
    white-space: nowrap;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis; */
    /*width:100%;*/
}

table tr:hover td {
    /*background-color: #D5DAD4;*/
}

table td.money {
    text-align: right;
    white-space: nowrap;
    margin: 0px 6px;
}

table td.checkbox {
    text-align: center;
    white-space: nowrap;
    margin: 0px 6px;
}

table td.center {
    text-align: center;
    white-space: nowrap;
    margin: 0px 6px;
    padding: 2px 5px;
}


/*.td1 {
    white-space: nowrap;
    width: 12em;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #000000;
    }*/

    table tr:nth-child(even) {
        background: #f9f9f9;
    }

    table td.actions {
        text-align: center;
        white-space: nowrap;
        margin: 0px 6px;
        padding: 2px 5px;
    }

    table th.actions {
        text-align: center;
        white-space: nowrap;
        margin: 0px 6px;
        padding: 2px 5px;
    }

    table th.actions a {
        color: #222;
    }


/*table td.actions a {
    margin: 0px 6px;
    padding: 2px 5px;
    }*/

    #Content {
        /*margin: 0 auto;*/
        margin: 0px 0px 0px 0px;
        /*width: 1220px;*/
        color: #444444;
        position: relative;
        overflow: hidden;
        min-height: 760px;
    }

    #Content .white-box {
        margin: 0 0 5px 0;
        border: 1px solid #EEE;
        background-color: #FFF;
        /*min-height: 400px;*/
        overflow: hidden;
    }

    #Content .white-box .modules-trio {
        width: 100%;
        overflow: hidden;
    }

    #Content .white-box .column {
        box-shadow: 1px 0 0 0 #EEE;
        font-size: 120%;
        /*min-width: 300px;*/
        float: left;
    }

    #Content .white-box .column:last-of-type {
        box-shadow: none;
    }

    #Content .white-box .column.single {
        width: 33.33333%
    }

    #Content .white-box .column.double {
        width: 66.66666%
    }

    #Content .white-box .column.triple {
        width: 100%
    }

    #Content .white-box .column .block {
        margin: 20px 20px 0;
        border-top: 1px dashed #EEE;
        padding: 10px 0;
    }

    #Content .white-box .column .block:first-of-type {
        margin: 0 20px;
        border-top: none;
    }

    #Content .white-box .column .block .title {
        padding: 10px 0 10px 50px;
        color: #0064C8;
        font-size: 120%;
        text-transform: uppercase;
        background-position: 0 50%;
        background-repeat: no-repeat;
    }

    #Content .white-box .column .block .title.no-icon {
        padding: 10px 0;
    }

    #Content .white-box .column .block ul {
        margin-top: 10px;
    }

    #Content .white-box .column .block ul li {
        /*margin-bottom: 5px;*/
        padding: 5px;
        display: inline-block;
    }

    #Content .white-box .column .module-accounting .title,
    #Content .white-box .column .block-collections .title {
        background-image: url(../../img/layout/movilventas/icon_module_accounting.png);
    }

    #Content .white-box .column .module-activity .title {
        background-image: url(../../img/layout/movilventas/icon_module_activity.png);
    }

    #Content .white-box .column .module-alarms .title,
    #Content .white-box .column .block-alarms .title {
        background-image: url(../../img/layout/movilventas/icon_module_alarms.png);
    }

    #Content .white-box .column .module-cubical .title {
        background-image: url(../../img/layout/movilventas/icon_module_cubical.png);
    }

    #Content .white-box .column .module-forays .title,
    #Content .white-box .column .block-autosales .title {
        background-image: url(../../img/layout/movilventas/icon_module_forays.png);
    }

    #Content .white-box .column .module-gallery .title,
    #Content .white-box .column .block-gallery .title {
        background-image: url(../../img/layout/movilventas/icon_module_gallery.png);
    }

    #Content .white-box .column .module-geo-route .title {
        background-image: url(../../img/layout/movilventas/icon_module_geo_route.png);
    }

    #Content .white-box .column .module-georeferencing .title,
    #Content .white-box .column .block-geolocation .title {
        background-image: url(../../img/layout/movilventas/icon_module_georeferencing.png);
    }

    #Content .white-box .column .module-inventories .title {
        background-image: url(../../img/layout/movilventas/icon_module_inventories.png);
    }

    #Content .white-box .column .module-last-location .title,
    #Content .white-box .column .block-last-location .title {
        background-image: url(../../img/layout/movilventas/icon_module_last_location.png);
    }

    #Content .white-box .column .module-logistics .title {
        background-image: url(../../img/layout/movilventas/icon_module_logistics.png);
    }

    #Content .white-box .column .module-marketing .title {
        background-image: url(../../img/layout/movilventas/icon_module_marketing.png);
    }

    #Content .white-box .column .module-medical-visits .title,
    #Content .white-box .column .block-medical-visits .title {
        background-image: url(../../img/layout/movilventas/icon_module_medical_visits.png);
    }

    #Content .white-box .column .module-notifications .title,
    #Content .white-box .column .module-messages .title,
    #Content .white-box .column .block-messages .title {
        background-image: url(../../img/layout/movilventas/icon_module_messages.png);
    }

    #Content .white-box .column .module-multiple-views .title,
    #Content .white-box .column .block-new-clients .title {
        background-image: url(../../img/layout/movilventas/icon_module_multiple_views.png);
    }

    #Content .white-box .column .module-sales .title,
    #Content .white-box .column .block-orders .title {
        background-image: url(../../img/layout/movilventas/icon_module_sales.png);
    }

    #Content .white-box .column .module-statistics .title,
    #Content .white-box .column .block-stats .title {
        background-image: url(../../img/layout/movilventas/icon_module_statistics.png);
    }

    #Content .white-box .column .module-stock-returns .title,
    #Content .white-box .column .block-refunds .title {
        background-image: url(../../img/layout/movilventas/icon_module_stock_returns.png);
    }

    #Content .white-box .column .module-suggested-order .title {
        background-image: url(../../img/layout/movilventas/icon_module_suggested_order.png);
    }

    #Content .white-box .column .module-surveys .title,
    #Content .white-box .column .block-polls .title {
        background-image: url(../../img/layout/movilventas/icon_module_surveys.png);
    }

    #Content .white-box .column .module-transfers .title,
    #Content .white-box .column .block-transfers .title {
        background-image: url(../../img/layout/movilventas/icon_module_transfers.png);
    }

    #Content .white-box .column .incursions .title {
        background-image: url(../../img/layout/movilventas/icon_module_forays.png);
    }

    #Content .white-box .column .block-liabilities .title {
        background-image: url(../../img/layout/movilventas/icon_module_accounting.png);
    }

    #Content .white-box .column .block-notifications-security .title {
        background-image: url(../../img/layout/movilventas/icon_module_messages.png);
    }

    #Content .white-box .column .block-notifications .title {
        background-image: url(../../img/layout/movilventas/icon_module_messages.png);
    }

    #Content .white-box .column .block-profiles .title {
        background-image: url(../../img/layout/movilventas/icon_module_medical_visits.png);
    }

    #Content .white-box .column .block-programing .title {
        background-image: url(../../img/layout/movilventas/icon_module_forays.png);
    }

    #Content .white-box .column .block-routes .title {
        background-image: url(../../img/layout/movilventas/icon_module_geo_route.png);
    }

    #Content .white-box .column .block-supervision .title {
        background-image: url(../../img/layout/movilventas/icon_module_logistics.png);
    }

    #Content .white-box .column .block-views .title {
        background-image: url(../../img/layout/movilventas/icon_module_multiple_views.png);
    }

    #GmapsInfoWindowCustomer1 {
        /*background: red;*/
        width: 250px;
        height: 310px;
        border-style: solid;
        border-width: thin;
        border-color: teal;
    }

    #GmapsInfoWindowCustomer1 .header1 {
        background: #E9EDF3;
        text-align: center;
        margin-bottom: 0;
    }

    #GmapsInfoWindowCustomer1 .header2 {
        background: #6193F0;
        text-align: center;
    }

    #GmapsInfoWindowCustomer1 .content {
        background: #E3E8F2;
        margin: 10px 10px;
        /*height:150px;*/
        /*width:120px;*/
        /*float:left;*/
        /*text-align: center;   */
    }

    #GmapsInfoWindowCustomer1 .footer {
        background: #E9EDF3;
        text-align: center;
        margin: 20px 0;
    }

    #UserManagersIdHidden,
    #UserSalesmansIdHidden,
    #UserCustomersIdHidden {
        display: none;
    }

    #login {
        float: left;
        margin: 5% 10% 5% 25%;
        width: 45%;
        min-width: 180px;
        border-color: inherit;
        background: white;
        -moz-box-shadow: 2px 2px 5px 0 #888;
        -ms-box-shadow: 2px 2px 5px 0 #888;
        box-shadow: 2px 2px 5px 0 #888;
    }

    #login img,
    #UserLoginForm {
        margin: 5px 10px;
        padding: 20px 20px;
    /*border: 1px 1px 1px 1px;
    border-style: solid;*/
    float: left;
}

#UserLoginForm,
#UserLoginForm input {
    vertical-align: middle;
    width: 25%;
    min-width: 150px;
}

#UserUsername {
    background-image: url(../../img/layout/movilventas/icons/user2.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#UserPassword {
    background-image: url(../../img/layout/movilventas/icons/key2.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#GenericDateFrom {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#GenericDateUntil {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#CompetitionAnalysiDateFrom {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#CompetitionAnalysiDateUntil {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#UserDateFrom {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#UserDateUntil {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#ProductDateFrom {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#ProductDateUntil {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#CustomerDateFrom {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#CustomerDateUntil {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

#GenericSearchList {
    /*background-image: url(../../img/layout/movilventas/icons/search.png);
    background-position: 99% 50%;
    background-repeat: no-repeat;*/
}

img.desaturate {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

#Content .white-box .column .block .content {
    padding: 10px 0;
    text-align: justify;
}

#Content .white-box .column .block .modules {
    margin: 0 !important;
    text-align: left;
    height: 210px;
    overflow-y: auto;
}

#Content .white-box .column .block .modules p {
    margin-top: 3px;
    border-radius: 3px;
    padding: 3px !important;
    /*background-color: #7dbae6;*/
}

#Content .white-box .column .block .content img {
    margin: 0 auto 10px;
    margin-bottom: 10px;
    border: 10px solid #FFF;
    box-shadow: 0 0 0 1px #EEE;
    display: block;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

#Content .white-box .column .block .experience {
    margin: 20px auto 0;
    padding: 80px 0 0;
    height: 194px;
    width: 274px;
    background-image: url(../../img/layout/movilventas/bg_experience.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
    font-family: 'Stardos Stencil', cursive;
    text-align: center;
    text-transform: uppercase;
}

#Content .white-box .column .block .experience span {
    font-size: 65px;
    font-weight: 700;
    line-height: 1;
}

#FlashBox {
    margin: 0 auto;
    width: 1220px;
}

#Header {
    position: relative;
    z-index: 10;
    background: rgb(7, 61, 114);
    background: linear-gradient(90deg, rgba(7, 61, 114, 1) 0%, rgba(7, 61, 114, 1) 35%, rgba(12, 78, 93, 1) 100%);
}

#Header .language-change {
    float: right;
    margin-right: 30px;
}

#Header .language-change a {
    margin: 3px;
    padding: 5px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
}

#Header .language-change a.current {
    background-color: rgba(255, 255, 255, 0.2);
    color: #FFF;
}

#Header .header-content {
    margin: 0 auto;
    padding: 8px 15px 0px 25px;
    position: relative;
    overflow: hidden;
}


/*#Header .header-content .header-logo {
    width: 100px;
    background-image: url(../../img/layout/movilventas/logo_225x107.png);
    background-repeat: no-repeat;
    display: inline-block;
    }*/

    #Header .header-content .company-logo {
        width: 120px;
        float: left;
        margin-right: 10px;
    }

    #MenuSite {
        margin: 0px;
        background-color: #ddd;
        color: #222;
        font-size: 14px;
        font-weight: 200;
    }

    #MenuSite ul.section-list {
        margin: 0 auto;
        /*padding: 5px 45px;*/
    }

    #MenuSite li.section-item {
        transition: 250ms;
        -webkit-transition: 250ms;
        -moz-transition: 250ms;
        -o-transition: 250ms;
        display: inline-block;
        position: relative;
    }


/*#MenuSite li.section-item:hover {
    background-color: #FFF;
    }*/

    #MenuSite li.section-item.current {}

    #MenuSite li.section-item.current:hover {}

    #MenuSite li.section-item a {
        padding: 3px 10px;
        line-height: 20px;
        color: #FFF;
        display: block;
    }

    #MenuSite li.section-item:hover a {
        color: #0064C8;
    }

    #MenuSite ul.sub-section-list {
        padding-top: 2px;
        box-shadow: 1px 1px 2px 0 #888;
        width: 180px;
        height: 0;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        transition: 0.3s;
    }

    #MenuSite li.sub-section-item {
        background-color: #99CCFF;
        text-align: left;
        display: block;
    }

    #MenuSite li.sub-section-item:first-of-type {
        padding-top: 5px;
    }

    #MenuSite li.sub-section-item:last-of-type {
        padding-bottom: 5px;
    }

    #MenuSite li.sub-section-item a {
        padding: 5px 10px;
        line-height: 20px;
        color: #FFF;
        text-decoration: underline;
        display: block;
    }

    #MenuSite li.sub-section-item a:hover {
        background-color: #FFF;
        color: #0084F8;
    }

    #MenuSite li.section-item:hover ul {
        height: auto;
        opacity: 1;
    }

    #LikeButtons {
        margin: 0 auto 10px;
        width: 1220px;
    }

    #LikeButtons .fb-like,
    #LikeButtons .g-plusone {
        margin: 0 10px 0 0;
        vertical-align: top;
    }

    #MainContent {
        margin: 5px;
        min-height: 400px;
        position: relative;
    }

    #MainContent.with-left-panel {
        margin: 5px 5px 5px 210px;
    }

    #MainContent.with-right-panel {
        margin: 5px 210px 5px 5px;
    }

    #MainContent img {

    }

    #photo_view img {
        border: none;
        width: 250px;
        height: 250px;
    }

    #MenuUser {
        position: relative;
        float: right;
    }

    #MenuUser ul li {
        transition: 250ms;
        -webkit-transition: 250ms;
        -moz-transition: 250ms;
        -o-transition: 250ms;
        float: left;
    }

    #MenuUser ul li:hover {}

    #MenuUser ul li.current {
        box-shadow: inset 0 -2px 0 0 #0064C8;
    }

    #MenuUser ul li a {
        padding: 7px 8px;
        /*height: 20px;*/
        line-height: 20px;
        color: #DDD;
        display: block;
        font-size: 13px;
    }

    #MenuUser ul li a.user-item img {
        margin: -3px 8px 0 0;
        vertical-align: middle;
        position: relative;
    }

    #MenuUser ul li a.user-mode {
        background-color: #0064C8;
        color: #FFF;
    }

    #MenuUser ul li a.user-mode:hover {
        background-color: #fff;
    }

    #PanelMenu {
        overflow-y: scroll;
        height: 100%;
        margin: 0px;
        padding: 5px;
        min-height: 400px;
        width: 234px;
        background-color: #222;
        float: left;
        z-index: 6;
    }

    #PanelMenu h3 {
        color: #8f8d8d;
        font-size: 16px;
        font-weight: 200;
        padding: 10px;
    }

    #PanelMenu.right {
        float: right;
    }

    #PanelMenu ul {
        margin: 0 0 1px 0;
        font-size: 12px;
    }

    #PanelMenu ul li {
        /*margin: 1px;*/
        color: #f2f2f2;
        /*margin: 2.6px;*/
        font-size: 1.4em;
        /*display: block;*/
        transition: 250ms;
        -webkit-transition: 250ms;
        -moz-transition: 250ms;
        -o-transition: 250ms;
        border-bottom: 1px solid #666;
        padding: 5px;
    }

    #PanelMenu ul li:hover {}

    #PanelMenu ul li.current {}

    #PanelMenu ul li a {
        padding: 5px;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        /*background: red;*/
    }

    #PanelMenu ul li a:hover {
        /*background: blue;*/
    }

    #PanelMenu a:hover {
        background: #222 !important;
        color: #fff !important;
    }

    #PanelMenu ul li a:only-child {
        padding: 5px;
        display: inline;
        /*display: block;*/
    }

    #PanelMenu .left-panel-menu-title {
        padding: 0 2px;
        color: #999933;
        font-size: 80%;
    }

    ul li i {
        color: #f2f2f2;
        font-size: 1.25em;
        float: right;
        margin-top: 3px;
    }

    #Recommendations {
        margin: 5px;
        padding: 5px;
        background-color: #AAAAAA;
    }

    #Advertising {
        margin: 0 0 5px 0;
        height: 90px;
        text-align: center;
        position: relative;
    }

    #Advertising .banner {
        height: 90px;
        width: 728px;
        display: inline-block;
    }

    #Advertising .legend {
        width: 200px;
        font-size: 12px;
        background-color: #aaa;
        text-align: right;
        display: inline-block;
        vertical-align: bottom;
    }

    #flashMessage,
    #authMessage {
        position: fixed;
        width: 300px;
        top: 90px;
        right: 20px;
        border-radius: 10px;
        padding: 15px;
        color: #fff;
        font-size: 12px;
        z-index: 5000;
        background: red;
    }

    #flashMessage.flash-error {
        background-color: rgb(228, 1, 1) !important;
    }

    #flashMessage.flash-info {
        background-color: #0c558e !important;
    }

    #flashMessage.flash-success {
        background-color: #3BC280 !important;
    }

    #flashMessage.flash-warning,
    #authMessage {
        background-color: #9B8230 !important;
    }

    #Footer {
        margin-top: 40px;
        padding: 20px 0;
        background: #FFF;
    }

    #Footer .footer-content {
        margin: 0 auto;
        width: 1220px;
        overflow: hidden;
    }

    #Footer .footer-content h3 {
        text-transform: uppercase;
    }

    #Footer .footer-content .column {
        /*box-shadow: 1px 0 0 0 #EEE;*/
        height: 140px;
        font-size: 120%;
        float: left;
    }

    #Footer .footer-content .column.single {
        width: 33.33333%;
    }

    #Footer .footer-content .column.double {
        width: 66.66666%;
    }

    #Footer .footer-content .column.triple {
        width: 100%;
    }

    #Footer .footer-content .social-box-icon {
        opacity: 0.8;
        vertical-align: middle;
    }

    #Footer .footer-content .social-box-icon:hover {
        opacity: 1;
    }

    #Footer .footer-legend {
        /*font-size: 12px;*/
        text-align: center;
    }

    #Footer ul {
        overflow: hidden;
    }

    #Footer ul li {
        /*border-left: 1px solid #CCC;*/
        /*padding: 5px 0;*/
        width: 50%;
        float: left;
    }

    #Footer ul li:first-of-type {
        border-left: 0;
    }

    .clear {
        clear: both;
    }

    .fl {
        float: left;
    }

    .action-delete,
    .action-delete2,
    .action-edit,
    .action-save,
    .action-view,
    .action-excel,
    .action-csv,
    .action-back,
    .action-add,
    .action-transfer,
    .action-ubication,
    .action-noubication,
    .action-activated,
    .action-deactivated,
    .action-key,
    .action-key-not,
    .action-image,
    .action-image-not,
    .action-user,
    .action-user2,
    .action-cal,
    .action-sync-N,
    .action-sync-E,
    .action-pay-C,
    .action-users,
    .action-gps-ok,
    .action-gps-error,
    .action-gps-no,
    .action-battery-ok,
    .action-battery-half,
    .action-battery-low,
    .action-battery-no,
	.action-resolutions,
	.action-email,
    .action-download-pdf {
        height: 18px;
        width: 20px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        text-indent: -99999px;
        display: inline-block;
    }

    #action-delete-all-2 {
        width: 5px;
        /*height:10px;*/
        clear: both;
        display: block;
        font-size: 0.8em;
        /*background-position: 50% 50%;*/
    /*margin-left:95%;
    margin-right:9px;*/
    float: right;
    margin-right: 8px;
    margin-top: 10px;
    margin-bottom: 5px;
    /*border: 1px solid red;*/
    /*padding: 5px;*/
    background: red !important;
    background-image: url(../../img/layout/movilventas/icons/edit.png);
}

#action-delete-all {
    background: transparent;
    border: 0px;
    float: right;
    clear: both;
    display: block;
    padding: 15px;
    line-height: 0px;
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 50% 50%;
    margin-right: 17px;
    background-image: url(../../img/layout/movilventas/icons/delete.png);
}



.action-delete {
    background-image: url(../../img/layout/movilventas/icons/delete.png);
}

.action-delete2 {
    background-image: url(../../img/layout/movilventas/icons/delete.png);
}

.action-excel {
    background-image: url(../../img/layout/movilventas/icons/excel.png);
}

.action-csv {
    background-image: url(../../img/layout/movilventas/icons/csv.png);
}

.action-edit {
    background-image: url(../../img/layout/movilventas/icons/edit.png);
}

.action-save {
    background-image: url(../../img/layout/movilventas/icons/save.png);
}

.action-view {
    background-image: url(../../img/layout/movilventas/icons/view.png);
}

.action-back {
    background-image: url(../../img/layout/movilventas/icons/Go_back.png);
}

.action-add {
    background-image: url(../../img/layout/movilventas/icons/add.png);
}

.action-transfer {
    background-image: url(../../img/layout/movilventas/icons/transfer.png);
}

.action-ubication {
    background-image: url(../../img/markers/mm_15.png);
}

.action-noubication {
    background-image: url(../../img/markers/mm_7.png);
}

.action-activated {
    background-image: url(../../img/layout/movilventas/icons/yes.png);
}

.action-deactivated {
    background-image: url(../../img/layout/movilventas/icons/no.png);
}

.action-user {
    background-image: url(../../img/layout/movilventas/icons/user.png);
}

.action-user2 {
    background-image: url(../../img/layout/movilventas/icons/user2.png);
}

.action-cal {
    background-image: url(../../img/layout/movilventas/icons/cal.gif);
}

.action-key {
    background-image: url(../../img/layout/movilventas/icons/key.png);
}
.action-key-not {
    background-image: url(../../img/layout/movilventas/icons/key.png);
    opacity: 0.4;
}

.action-email {
    background-image: url(../../img/layout/movilventas/icons/email.png);
    opacity: 0.4;
}

.action-image {
    background-image: url(../../img/layout/movilventas/icons/image.png);
}

.action-image-not {
    background-image: url(../../img/layout/movilventas/icons/image.png);
    opacity: 0.4;
}

.action-sync-N {
    background-image: url(../../img/layout/movilventas/icons/element_clouds.png);
}

.action-sync-NS {
    background-image: url(../../img/layout/movilventas/icons/element_clouds.png);
    background-repeat: no-repeat;
    opacity: 0.4;
}

.action-sync-E {
    background-image: url(../../img/layout/movilventas/icons/element_clouds_error.png);
    opacity: 0.5;
}

.action-sync-S {
    opacity: 0.9;
}

.action-pay-C {
    background-image: url(../../img/layout/movilventas/icons/element_clouds_up.png);
}

.action-users {
    background-image: url(../../img/layout/movilventas/icons/users16.png);
}

.action-gps-ok {
    background-image: url(../../img/layout/movilventas/icons/gps_ok.png);
}

.action-gps-error {
    background-image: url(../../img/layout/movilventas/icons/gps_error.png);
}

.action-gps-no {
    background-image: url(../../img/layout/movilventas/icons/gps_no.png);
}

.action-battery-ok {
    background-image: url(../../img/layout/movilventas/icons/battery_ok.png);
}

.action-battery-half {
    background-image: url(../../img/layout/movilventas/icons/battery_half.png);
}

.action-battery-low {
    background-image: url(../../img/layout/movilventas/icons/battery_low.png);
}

.action-battery-no {
    background-image: url(../../img/layout/movilventas/icons/battery_no.png);
}

.action-resolutions {
    background-image: url(../../img/layout/movilventas/icons/resolutions.png);
}

.cake-sql-log {
    background: #fff;
}

.cake-sql-log td {
    padding: 4px 8px;
    text-align: left;
    font-family: Monaco, Consolas, "Courier New", monospaced;
}

.cake-sql-log caption {
    color: #fff;
}

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

.demo-block {
    margin-top: 20px;
    padding: 0 10px;
    display: inline-block;
    width: 200px;
}

.demo-block .title {
    padding: 0 0 20px 0;
    color: #4582C4;
    font-size: 120%;
    height: 40px;
    text-transform: uppercase;
}

.demo-block ul {
    margin-top: 10px;
    overflow: hidden;
}

.demo-block ul li {
    margin-top: 10px;
    border: 1px solid #CCC;
    background-color: #FFF;
}

.demo-block ul li a {
    padding: 5px;
    font-size: 110%;
    display: block;
}

.demo-block ul li a:hover {
    background-color: #4582C4;
    color: #FFF;
}

.edit-link {
    font-size: 12px;
}

.fb-like {
    width: 80px;
}

.home-product {
    height: 160px;
    width: 160px;
    background-size: cover;
    color: #444;
    text-shadow: 1px 1px 0 #fff;
    position: relative;
    display: inline-block;
}

.home-product:hover {
    color: #444;
    opacity: 0.9;
}

.home-product-name {
    padding: 5px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    width: 150px;
    font-size: 14px;
    position: absolute;
    top: 0;
}

.home-product-price {
    padding: 5px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    width: 150px;
    font-size: 20px;
    text-align: right;
    position: absolute;
    bottom: 0;
}

.import-email-fails {
    padding: 5px;
    height: 200px;
    background-color: #FEE;
    overflow-y: scroll;
}

.import-email-ok {
    padding: 5px;
    height: 200px;
    background-color: #EFE;
    overflow-y: scroll;
}

.line {
    margin: 10px;
    height: 1px;
    background-color: #aaa;
}

.sections-menu {
    margin-top: 20px;
    text-align: center;
}

.sections-menu-item,
.sections-menu-item-sales,
.sections-menu-item-labs,
.sections-menu-item-security,
.sections-menu-item-funeral,
.sections-menu-item-mining {
    margin: 5px;
    padding: 0 70px 0 10px;
    height: 60px;
    width: 150px;
    background-color: #0064C8;
    background-position: right top;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 15px;
    line-height: 60px;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.sections-menu-item span,
.sections-menu-item-sales span,
.sections-menu-item-labs span,
.sections-menu-item-security span,
.sections-menu-item-funeral span,
.sections-menu-item-mining span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.sections-menu-item {
    padding: 0 10px;
    width: 200px;
}

.sections-menu-item-sales:hover,
.sections-menu-item-labs:hover,
.sections-menu-item-security:hover,
.sections-menu-item-funeral:hover,
.sections-menu-item-mining:hover {
    color: #FFF;
}

.sections-menu-item-sales {
    background-image: url(../../img/layout/movilventas/icon_sales.jpg);
}

.sections-menu-item-labs {
    background-image: url(../../img/layout/movilventas/icon_labs.jpg);
}

.sections-menu-item-security {
    background-image: url(../../img/layout/movilventas/icon_security.jpg);
}

.sections-menu-item-funeral {
    background-image: url(../../img/layout/movilventas/icon_funeral.jpg);
}

.sections-menu-item-mining {
    background-image: url(../../img/layout/movilventas/icon_mining.jpg);
}

.page-content {
    margin: 0 0 20px 0;
    overflow: hidden;
}

.page-content-left {
    padding: 0 20px;
    width: 50%;
    font-size: 150%;
    line-height: 1.5;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page-content-left p.justify {
    margin-top: -5px;
    text-align: justify;
}

h2.page-content-title {
    font-size: 300%;
    line-height: 1;
    text-align: center;
}

.page-content-right {
    width: 50%;
    max-height: 433px;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page-content-right.nivoSlider {
    width: 50%;
}

.page-content-right img {
    width: 100%;
    max-width: none !important;
}

.post-item {
    margin: 0 10px;
}

.post-item h3 {
    margin-bottom: 0;
}

.post-item-creation {
    font-size: 11px;
    font-style: italic;
}

.post-item-content {
    margin-top: 10px;
}

.paginator-numbers {
    padding: 5px;
    float: right;
    margin-bottom: 30px;
    background: #f2f2f2;
    color: #ccc;
}

.paginator-numbers span {
    padding: 5px;
}

.paginator-numbers a {
    color: seagreen !important;
}

.paginator-counter {
    padding: 5px;
    float: left;
    font-size: 14px;
    color: #666;
}

.paginator-sorting {
    margin: 0 0 5px 0;
}

.paginator-sorting-item {
    padding: 5px;
    display: inline-block;
}

.paginator-sorting-item .asc:before {
    content: "↑";
}

.paginator-sorting-item .desc:before {
    content: "↓";
}

.product-details {
    min-height: 300px;
    width: 460px;
}

.product-details-description {
    margin: 5px 0 0;
    font-style: italic;
}

.product-details-extra {
    margin: 5px 0 0;
}

.product-details-price {
    margin: 5px 0 0;
    font-size: 160%;
}

.product-pictures {
    height: 300px;
    width: 300px;
    overflow: hidden;
    float: right;
}

.product-pictures-slide {
    height: 300px;
    width: 300px;
    background-repeat: no-repeat;
    background-size: contain;
}

.attached-pictures {
    overflow: hidden;
}

.sortable-item {
    margin: 5px;
    float: left;
    position: relative;
}

.sortable-item label {
    display: inline;
}

.year-stats {
    height: 130px;
}

.year-stats-entry {
    border-bottom: 1px solid #bbb;
    height: 100px;
    width: 8%;
    position: relative;
    float: left;
}

.year-stats-entry-column {
    margin: 0 40%;
    width: 20%;
    background-color: #8af;
    position: absolute;
    bottom: 0;
    left: 0;
}

.year-stats-entry-month {
    height: 20px;
    width: 100%;
    color: #444;
    font-size: 10px;
    text-align: center;
    position: absolute;
    bottom: -20px;
    left: 0;
}

.year-stats-legend {
    border-right: 1px solid #bbb;
    height: 100px;
    width: 3%;
    position: relative;
    float: left;
}

.year-stats-legend-top {
    height: 10px;
    width: 3%;
    color: #bbb;
    font-size: 10px;
    text-align: right;
    position: absolute;
    top: 0;
    left: 0;
}

#HomeSlider {
    min-height: 100px;
    background-color: #FFF;
    background-image: url(../../img/layout/movilventas/loading.gif);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#HomeSlider img {
    max-width: none;
}

#HomeSlider .nivo-caption {
    padding: 0;
    background: #FFF;
    width: 320px;
    color: #000;
    font-size: 20px;
    line-height: 1;
    display: none;
    bottom: 10%;
    right: 0;
    left: auto;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=1);
}

#HomeSlider .nivo-caption .title {
    padding: 20px;
    background: #0064C8;
    color: #FFF;
    text-transform: uppercase;
}

#HomeSlider .nivo-caption .content {
    padding: 10px 20px;
    text-align: justify;
}

#HomeSlider .nivo-directionNav a {
    display: none;
}

.developed-by-link {
    margin-left: -5px;
    margin-top: 5px;
    height: 40px;
    width: 40px;
    background-image: url(../../img/layout/movilventas/icon_ii.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: -99999px;
    display: inline-block;
    vertical-align: middle;
}

.nivo-controlNav {
    padding: 0 !important;
    text-align: left !important;
    top: -25px;
    left: 10px;
    z-index: 100;
    position: relative;
}

.nivo-controlNav a {
    margin-right: 4px;
    border-radius: 8px;
    width: 16px;
    height: 16px;
    background: #FFF;
    text-indent: -99999px;
    float: left;
}

.nivo-controlNav a.active {
    background: #DDD;
}

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

.paginator-counter {
    margin: 0 10px;
}

.paginator-links {
    margin: 5px 10px;
    overflow: auto;
}

.paginator-links .sorting,
.paginator-links span.count,
.paginator-links span.current,
.paginator-links span a {
    padding: 5px 8px;
    text-decoration: none;
    display: inline-block;
}

.paginator-links .sorting:hover,
.paginator-links span a:hover {
    background-color: #DDD;
    text-decoration: none !important;
}

.sorting.asc:after {
    content: ' ↑';
}

.sorting.desc:after {
    content: ' ↓';
}

.paginator-links .next {
    float: right;
}

.paginator-links .prev {
    float: left;
}

.paginator-links .next a,
.paginator-links .prev a {
    border: none !important;
}

@media screen and (max-width: 2560px) {
    .filters {
        /*margin-left: 38.4%;*/
        /* background-color: #b0e0e6; */
    }
    form input[type=submit] {
        /*margin-left: 7%;*/
    }
}

@media screen and (max-width: 1920px) {
    .filters {
        /*margin-left: 40.4%;*/
        /* background-color: #b0e0e6; */
    }
    form input[type=submit] {
        /*margin-left: 10%;*/
        border-radius: 15px;
    }
    #MainContent.with-left-panel {
        margin: 5px 15px 5px 60px;

    }
    #MainContent.with-right-panel {
        margin: 5px 25px 5px 5px;
    }
    #PanelMenu {
        position: absolute;
        transition: 250ms;
        -webkit-transition: 250ms;
        -moz-transition: 250ms;
        -o-transition: 250ms;
    }
    #PanelMenu:hover {
        left: 0 !important;
    }
    #PanelMenu.right {
        border-right: none;
        border-left: 5px solid #CCCCCC;
        position: absolute;
        left: auto;
        right: -185px;
    }
    #PanelMenu.right:hover {
        left: auto;
        right: 0;
    }
    #Content,
    #Header .header-content,
    #FlashBox,
    #Footer .footer-content,
    #Footer .footer-legend,
    #LikeButtons,
    #MenuSite ul.section-list {
        margin: 0px;
        width: auto;
    }
    .page-content {
        margin-bottom: 30px;
    }
    .page-content-left {
        font-size: 160%;
    }
    #Content {}
    #HomeSlider .nivo-caption {
        font-size: 14px;
        width: 200px;
        opacity: 0.8;
    }
    #HomeSlider .nivo-caption .title {
        padding: 10px;
    }
    #HomeSlider .nivo-caption .content {
        padding: 10px;
    }
    form.search input[type=text] {
        width: 80%;
        opacity: 1;
    }
}

@media screen and (max-width: 840px) {
    #MainContent.with-left-panel {
        margin: 5px 15px 5px 60px;
        left: -16%;
    }

    #Content .white-box .column,
    #Footer .footer-content .column {
        margin-bottom: 20px;
        border-bottom: 1px dashed #EEE;
        padding-bottom: 20px;
        box-shadow: none;
        height: auto;
        width: auto !important;
        font-size: 120%;
        float: none;
    }
    .page-content-left,
    .page-content-right {
        padding: 0;
        float: none;
        width: auto !important;
        max-height: none;
    }
    .page-content-right {
        margin-bottom: 20px;
    }
    #MenuSite {
        font-size: 100%;
    }
    #Content .white-box .column .block .experience {
        zoom: 1;
    }
}

@media screen and (max-width: 380px) {
    #MainContent.with-left-panel {
        margin: 5px 15px 5px 60px;
        left: -16%;
    }

    #Content .white-box .column {
        min-width: none;
    }
    #Content .white-box .column .block .experience {
        zoom: 0.5
    }
    .sections-menu-item,
    .sections-menu-item-sales,
    .sections-menu-item-labs,
    .sections-menu-item-security,
    .sections-menu-item-funeral,
    .sections-menu-item-mining {
        display: block;
        width: auto;
    }
    h2.page-content-left {
        font-size: 250%;
    }
    .demo-block {
        margin-bottom: 20px;
        border-bottom: 1px dashed #EEE;
        padding-bottom: 20px;
        box-shadow: none;
        height: auto;
        width: auto !important;
        font-size: 120%;
        float: none;
    }
}

.btnBlue {
    background-color: #2cc73f;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #f0f0fa;
    font-size: 14px !important;
    padding: 3px 20px !important;
    text-decoration: none !important;
    float: right;
    margin-bottom: 10px;
}

.btnAgregar {
    background-color: #043974;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    display: inline-block;
    cursor: pointer;
    font-size: 20px !important;
    padding: 3px 20px !important;
    text-decoration: none !important;
    margin-bottom: 10px;
    color: #fff!important;
    font-weight: 700!important;
    font-family: 'Roboto'!important;
}

.btnBlue:hover {
    color: #f0f0fa;
    background-color: #33D647;
}

.btnBlue:active {
    position: relative;
    top: 1px;
}


/*#nav { margin: 0; padding: 0; float: left; }*/


/*#nav li { list-style: none; background: #fff; width: 250px; border-bottom: 1px solid #666; }*/


/*#nav li a {
    display: block;
     padding: 8px;
     border-left: 4px solid #444;
     text-decoration: none;
      /*box-shadow: 2px 2px 5px #ccc;
      color: blue; }*/


      /*#nav li a:hover { border-left: 4px solid #069; background: #f8f8f8; }*/

      #nav li ul {
        display: none;
    }

    #nav li:hover ul {
        display: block;
    }

    #nav li:hover ul li {
        /*background: #333; */
    }

    #nav li:hover ul li a {
        color: #ccc;
    }

    #nav li:hover ul li a:hover {
        background: #D5DAD4;
        color: blue;
        /*border-left: */
        /*4px solid #900; */
    }

    #mio {
        /*border-color: #434542; */
        padding: 6px 12px;
        width: auto;
        height: 20px;
        background-color: #D5DAD4;
        color: #423D3D;
        font-size: 100%;
        text-shadow: 0 -1px 0 #CAB9B9;
        display: inline;
        margin-left: -4%;
        /* background-image: url(../../img/layout/movilventas/logo.png); */
        background-position: 52% 44%;
        background-repeat: no-repeat;
    }

    #containerFilter {
        height: 45%;
        width: 100%;
        font-size: 0;
    }

    #leftFilter,
    #rightFilter {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
        font-size: 16px;
    }

    #leftFilter {
        width: 50%;
    }

    #rightFilter {
        width: 50%;
    }


    /* DivTable.com */

    .divTable {
        display: table;
        /*border-right: 0;*/
        color: #333333;
        margin-bottom: 10px;
        width: 100%;
    }

    .divTableHeading {
        background: #256294 !important;
        display: table-header-group;
        font-weight: bold;
        color: #FFFFFF;
    }

    .divTableHeading a {
        /*display: block;*/
        padding: 2px 4px;
        color: #FFFFFF;
        /* text-decoration: none; */
    }

    .divTableRow {
        display: table-row;
    }

    .divTableRow:nth-child(even) {
        background: #f9f9f9;
    }

    .divTableRow .divTableCell {
        padding: 6px;
        text-align: left;
        vertical-align: middle;
        /*vertical-align: top;*/
        border-bottom: 1px solid #ddd;
        word-break: break-all;
        font-size: 73%;
        /*white-space: nowrap;*/
    }

    .divTableRow img {
        width: 90px;
        height: 80px;
        border: groove;
    }

    .divTableCell.actions {
        text-align: center;
        white-space: nowrap;
        margin: 0px 6px;
        padding: 2px 5px;
    }

    .divTableHead {
        text-align: center;
        display: table-cell;
        padding: 3px 10px;
    }

    .divTableCell {
        /*border: 1px solid #999999;*/
        display: table-cell;
        padding: 3px 10px;
    }

    .divTableFoot {
        background-color: #EEE;
        display: table-footer-group;
        font-weight: bold;
    }

    .divTableBody {
        display: table-row-group;
    }

    .inQuantity {
        padding: 3px 1%;
        max-width: 65px;
        min-width: 40px;
        width: 100%;
        font-size: 100%;
        clear: both;
        /*background-color: #d0e4fe;*/
    }

    .tmpTotal {
        padding: 3px 1%;
        max-width: 130px;
        min-width: 100px;
        width: 100%;
        font-size: 100%;
        clear: both;
        /* background-color: #d0e4fe; */
    }


    /* The Modal (background) */

    .modal {
        display: none;
        /* Hidden by default */
        position: fixed;
        /* Stay in place */
        z-index: 1;
        /* Sit on top */
        padding-top: 100px;
        /* Location of the box */
        left: 0;
        top: 0;
        width: 100%;
        /* Full width */
        height: 100%;
        /* Full height */
        overflow: auto;
        /* Enable scroll if needed */
        background-color: rgb(0, 0, 0);
        /* Fallback color */
        background-color: rgba(0, 0, 0, 0.4);
        /* Black w/ opacity */
    }


    /* Modal Header */

    .modal-header {
        padding: 2px 16px;
        background-color: #256294 !important;
        color: white;
        text-align: center;
    }

    .mya {
        color: white;
        text-decoration: none;
    }


    /* Modal Content */

    .modal-content {
        position: relative;
        background-color: #fefefe;
        margin: auto;
        padding: 0;
        border: 1px solid #888;
        width: 50%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s
    }


    /* The Close Button */

    .close {
        color: #aaaaaa;
        float: right;
        font-size: 18px;
        font-weight: bold;
    }

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }


    /*Progress Bar*/

    .myProgress {
        position: relative;
        width: 100%;
        height: 30px;
        background-color: #ddd;
    }

    .myBar {
        position: absolute;
        width: 0%;
        height: 100%;
        background-color: #4CAF50;
    }

    .label {
        text-align: center;
        margin: 0px !important;
    }

    .card {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
        transition: 0.3s;
        display: inline-block;
        margin: 4px;
    }

    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    }

    .card_text {
        padding: 2px 16px;
    }

    .mySubmitButton {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
        background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
        background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
        background-color: #007dc1;
        -moz-border-radius: 26px;
        -webkit-border-radius: 26px;
        border-radius: 26px;
        border: 1px solid #124d77;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 20px;
        padding: 6px 60px;
        text-decoration: none;
        text-shadow: -3px 0px 27px #154682;
    }

    .mySubmitButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
        background-color: #0061a7;
    }

    .mySubmitButton:active {
        position: relative;
        top: 1px;
    }

    #loading {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: fixed;
        background-color: rgba(255, 255, 255, 0.3);
        z-index: 999;
        text-align: center;
    }


    /*///modifie table  (responsive table) */

    .info_container {
        background: white;
        padding: 20px;
        border-radius: 8px;
        display: table;
        border: 1px solid #f2f2f2;
        margin-bottom: 15px;
    }

    .col-wrapper {
        position: relative;
        min-height: 1px;
        padding-right: 8px;
        padding-left: 8px;
        float: left;
        width: 46%;
        min-width: 250px;
    }

    .image-wrapper {
        /*border: 1px solid #999999;*/
        overflow: hidden;
        margin-bottom: 30px;
        /*background-color:#1f95cf;*/
    }

    .col-wrapperTwo {
        position: relative;
        min-height: 1px;
        padding-right: 8px;
        padding-left: 8px;
        float: left;
        width: 94%;
        min-width: 250px;
    }

    #loading-image {
        position: relative;
        z-index: 1000;
        top: 50%;
    }

    div#tb_tracks table tr td {
        padding: 0px;
        font-size: 100%;
        vertical-align: middle;
    }

    div#gc_tracks {
        margin-top: 400px;
    }

    #tb_markers {
        width: 80%;
    }

    #map {
        height: 850px;
        margin-top: 0px;
        position: relative;
        overflow: hidden;
    }

    #buttonPick {
        margin: 50px 6px 7px 0px;
        width: 70px;
        clear: left;
        float: left;
        background-color: #D5DAD4;
        text-shadow: 0 -1px 0 #CAB9B9;
        display: inline;
        background: #256294;
        border-radius: 11px;
        color: #ffffff;
        padding: 8px 20px 8px 20px;
        text-decoration: none;
    }

    .iconButton {
        width: auto;
    /*  background-image: -moz-linear-gradient(top, #256294 , #2980b9);
  background-image: -ms-linear-gradient(top, #256294 , #2980b9);
  background-image: -o-linear-gradient(top, #256294 , #2980b9);
  -webkit-border-radius: 11;
  -moz-border-radius: 11;*/
  border-radius: 11px;
  -moz-box-shadow: 0px 1px 8px #666666;
  padding: 16px 0px 0px 16px;
  text-decoration: none;
  background-repeat: no-repeat;
}


/*background-color: #eee;*/


/*padding: 18px;*/


/*font-size: 15px;*/

button.buttonDate {
    border-radius: 8px;
    border: 1px solid #256294 !important;
    padding: 0px 10px;
    text-decoration: none;
}

.buttonDate:hover {
    border: 2px solid #061a57;
    /*background-color: #406694;*/
    -moz-box-shadow: 2px 3px 0px 0px #6a8ff5;
    -webkit-box-shadow: 2px 3px 0px 0px #6a8ff5;
    box-shadow: 2px 3px 0px 0px #6a8ff5;
    text-shadow: 0px 1px 0px #041c57;
}

button.buttonDate.active {
    /*, button.accordion:hover {*/
        /*background-color: #ccc;*/
        background-color: blue;
    }

    @media only screen and (max-width: 800px) {
        #map {
            width: 100%;
        }
        .table_tracks {
            /*margin-top: 20px;*/
        }
        .filters_tracks {
            float: none;
            /*margin-left: 34%;*/
        }
        #tb_markers {
            width: 100%;
        }
    }
/*button.accordion:after {
    content: '\0076';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\0076";
    transform: rotate(180deg);
  	display: inline-block;
    }*/


/*div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    }*/

    #containerOverMap {
        z-index: 5;
        position: absolute;
        cursor: pointer;
        right: 1%;
        top: 7%;
        border-radius: 6px;
        background-color: #4498df26;
    }

    #containerOverMapLeft {
        z-index: 5;
        position: absolute;
        cursor: pointer;
        left: 1%;
        top: 7%;
        border-radius: 6px;
        background-color: #4498df26;
    }

    #containerOverMapRight {
        z-index: 5;
        position: absolute;
        cursor: pointer;
        right: 0%;
        top: 7%;
        border-radius: 6px;
        background-color: #4498df26;
    }

    #overMapLeftCus {
        z-index: 5;
        position: absolute;
        cursor: pointer;
        left: 1%;
        top: 5%;
        border-radius: 6px;
        background-color: #4498df26;
    }

    #overMapRightCus {
        z-index: 5;
        position: absolute;
        cursor: pointer;
        right: 0%;
        top: 5%;
        border-radius: 6px;
        background-color: #4498df26;
    }

    div#infoOverMap table tr:nth-child(even) {
        background: #94a7b726;
    }

    #infoOverMap {
        float: left;
        position: relative;
        z-index: 0;
    }

    #dateOverMap {
        background-image: url(../../img/layout/movilventas/icons/cal.gif);
        background-position: 99% 50%;
        background-repeat: no-repeat;
        width: 50%;
        "

    }

    #buttomOverMap {
        width: 30%;
        font-size: 100%;
        display: inline;
    }

    #divPickMulMap {
        margin: 50px -4px 0px -4px;
    }

    #buttonPickMulMap {
        background: #256294;
        border-radius: 4px;
        color: #ffffff;
        padding: 10px 4px 9px 4px;
    }

    .multiselect-container {
        overflow: hidden;
    }


    /* on/ogg switch   */

    .onoffswitch {
        position: relative;
        width: 56px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

    .onoffswitch-checkbox {
        display: none;
    }

    .onoffswitch-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid #999999;
        border-radius: 20px;
    }

    .onoffswitch-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }

    .onoffswitch-inner:before,
    .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 21px;
        padding: 0;
        line-height: 21px;
        font-size: 13px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 7px;
        background-color: #256294;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 7px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }

    .onoffswitch-switch {
        display: block;
        width: 8px;
        margin: 6.5px;
        background: #FFFFFF;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 31px;
        border: 2px solid #999999;
        border-radius: 20px;
        transition: all 0.3s ease-in 0s;
    }

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

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


    /* The snackbar - position it at the bottom and in the middle of the screen */

    .snackbar {
        visibility: hidden;
        /* Hidden by default. Visible on click */
        min-width: 250px;
        /* Set a default minimum width */
        margin-left: -125px;
        /* Divide value of min-width by 2 */
        background-color: #256294;
        /* Blue background color */
        color: #fff;
        /* White text color */
        text-align: center;
        /* Centered text */
        border-radius: 4px;
        /* Rounded borders */
        padding: 16px;
        /* Padding */
        position: fixed;
        /* Sit on top of the screen */
        z-index: 1;
        /* Add a z-index if needed */
        left: 50%;
        /* Center the snackbar */
        bottom: 30px;
        /* 30px from the bottom */
    }


    /* Show the snackbar when clicking on a button (class added with JavaScript) */

    .snackbar.show {
        visibility: visible;
        /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

.snackbar.show-error {
    visibility: visible;
    /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
    background-color: #A42E16;
    /* Red background color */
}

.snackbar.show-promotion {
    visibility: visible;
    /* Show the snackbar */
    /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
    However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
    background-color: #008f39;
    /* Green background color */
}

.show-promotion-input {
    border-color: lime;
}


/* Animations to fade the snackbar in and out */

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}

.editButton2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 2px;
    padding-left: 2px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
    left: auto;
}

.editButton2:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
    background-color: #0061a7;
}

.editButton2:active {
    position: relative;
    top: 1px;
}

.addButton2 {
    -moz-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    -webkit-box-shadow: inset 0px 1px 0px 0px #54a3f7;
    box-shadow: inset 0px 1px 0px 0px #54a3f7;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
    background: -moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: -ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7', GradientType=0);
    background-color: #007dc1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #124d77;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-right: 14px;
    padding-left: 14px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
    left: auto;
}

.addButton2:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
    background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
    background: linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1', GradientType=0);
    background-color: #0061a7;
}

.addButton2:active {
    position: relative;
    top: 1px;
}


/*Charts*/

#pie-chart {
    width: 500px;
    height: 250px;
    position: relative;
}

#pie-chart::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 115px;
    left: 315px;
    top: 0;
    margin-top: 100px!important;
    font-size: 32px!important;
    /*background: #FAFAFA;*/
    /*box-shadow: 1px 1px 0 0 #DDD;*/
}

#pie-chart::after {
    content: "";
    position: absolute;
    display: block;
    top: 260px;
    left: 70px;
    width: 170px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    /*box-shadow: 0 0 3px 4px rgba(0,0,0,0.1);*/
}

.title-chart {
    font-weight: 700;
    font-family: 'Roboto';
    color: #000!important;
    padding-left: 20px;
    /* margin-top:200px; */
}

.title-filtro {
    font-weight: 700!important;
    font-family: 'Roboto'!important;
    color: #043974!important;
}

.btn-chart {
    background-color: #ffff!important;
    color: #000!important;
    border-radius: 15px!important;
    margin-left: 350px!important;
    /* margin-top:-180px; */
}

.modal-header {
    background-color: #043974!important;
}

.modal-title {
    color: #fff;
    font-family: 'Roboto';
    font-weight: 700;
}

.pad-card {
    padding-top: 30px!important;
}

.pad-card-02 {
    padding-top: 80px!important;
}

.marg-filtros {
    padding-left: 10px!important;
}

.btn-mas {
    margin-left: 350px;
    margin-top: -180px;
}

#AddMultiplecustomerZoneInteractive {
    background-color: #F1F1F1;
    border-style: solid;
    border-width: thin;
    border-color: teal;
}

#AddMultiplecustomerZoneInteractive h3 {
    color: #20639B;
    font-weight: 700;
}

.deleteShape {
    display: none;
    float: right;
    padding: 0.3em 1.2em;
    margin: 0 0.3em 0.3em 0;
    border-radius: 2em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #FFFFFF;
    background-color: #f14e4e;
    text-align: center;
    transition: all 0.2s;
}

.deleteShape: hover {
    border-color: rgba(255, 255, 255, 1);
}

.customFieldLabel{
	position:relative;
	padding: 0px 20px 0px;
	font-weight: bolder;
	font-size: 22px !important;
	font-family: 'Roboto' !important;
	font-weight: 700 !important;
}

.customFieldCheck{
	position:relative;
	z-index:1;
	width: 20px !important;
	height: 25px;
}

.action-download-pdf {
    background-image: url(../../img/layout/movilventas/icons/print.png);
}