/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,600,600i,700,700i';@import 'https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i';

:root {   
    /*Notifications*/
    /*Yellow*/
    --yellow-border-color: #faebcc;
    --yellow-background-color: #fcf8e3;
    --yellow-text-color: #8a6d3b;

    /*Notifications*/
    /*Green*/
    --green-border-color: #58a958;
    --green-background-color: #b2ebbf;
    --green-text-color: #0e6423;

    /*Palette MPA*/
    --primary-light-color: #85CFE0;
    --primary-color: #0BA0C2;
    --primary-shadow-color: #087E99;
    --primary-dark-color: #0D313A;

    --secondary-masterlight-color: #f1f1f1;
    --secondary-ultralight-color: #DCE1E2;
    --secondary-light-color: #656A6D; /*NEGRO ESPACIAL CLARO*/
    --secondary-shadow-color: #394146; /*NEGRO ESPACIAL CLARO*/
    --secondary-dark-color: #222F3E;

    --tertiary-color: #6CA478; /*VERDE CLARO*/
    --tertiary-shadow-color: #43654A; /*VERDE OSCURO*/

    --quaternary-color: #FFD646;/*AMARILLO CLARO*/
    --quaternary-shadow-color: #D5B33A;/*AMARILLO OSCURO*/

    --red-light-color: #ff8c8c;
    --red-color:#ff3737;
    --red-shadow-color: #db2d2d;
    --red-dark-color: #EF3D23;

    --global-radius: 4px;

    /*MODALS AND DIALOGS*/
    --global-dark-bt-close: #222F3E; /*closed button default color*/
    --global-dark-bg-close: rgba(34,47,62,.12); /*background hover closed button*/

    --global-bg-modal: rgba(0, 0, 0, 0.75);
    --global-box-shadow: 0 16px 16px -10px rgba(34,47,62,.15), 0 0 40px 1px rgba(34,47,62,.15);
    
    /*OTHERS*/
    --azul:#4C8BC9; /*AZUL*/ 
    --verde-claro:#80C891; /*VERDE CLARO*/

    --amarillo:#bba921; /*Amarillo*/
    --naranja:#FF8F39; /*Warning*/

    --negro:#000; /*Negro*/
    --blanco:#fff; /*Blanco*/

}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}


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

audio,canvas,progress,video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

template,[hidden] {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: inherit
}

b,strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

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

mark {
    background-color: #ff0;
    color: #000;
    color: var(--negro);
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

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

figure {
    margin: 1em 40px
}

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

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

optgroup {
    font-weight: bold
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

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

button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

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

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

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

li {
    margin: 0
}

a {
    text-decoration: none
}

table {
    width: 100%;
    border: none;
    padding: 0;
    border-collapse: collapse
}
table.addScrollin tbody {
    display: block;
    height: 100%;
    /*overflow: auto;*/
    overflow-y: scroll;
}
table.addScrollin thead, table.addScrollin tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
}
table.addScrollin thead {
    width: calc( 100% - 17px );
}

.row,.ficha .collapsable {
    max-width: 1300px;
    margin: 0 auto
}

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

.row::after,.ficha .collapsable::after {
    content: "";
    clear: both;
    display: block
}

.flex-columns{
    display : flex;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

[class*="col-"] {
    float: left;
    padding: 10px
}

.col-1 {
    width: 8.33%
}

.col-2 {
    width: 16.66%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33%
}

.col-5 {
    width: 41.66%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33%
}

.col-8 {
    width: 66.66%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33%
}

.col-11 {
    width: 91.66%
}

.col-12 {
    width: 100%
}

.displaced {
    padding-top: 125px
}

.mid-displaced {
    padding-top: 100px
}

html {
    position: relative;
    min-height: 100%
}

body {
    font-family: 'Source Sans Pro',sans-serif;
    font-weight: 400;
    color: #000;
    color: var(--negro);
    font-size: 13px;
    overflow-y: scroll;
    margin: 0 0 80px;
    -webkit-font-smoothing: antialiased
}


.btn_search {
    display:none!important;
}

.checkeable input {
    display: none;
}

.checkeable img {
    width: 100px;
    height: auto;
    /*margin-top: -30px;*/
}

.checkmiscontactos:checked + img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-image: url("/img/lead_usu1_1.svg");
        margin-bottom: -7px;
}

.checkmiscontactos + img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-image: url("/img/lead_usu1_0.svg");
        margin-bottom: -7px;
}

.checkcontactossinasignar:checked + img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-image: url("/img/lead_usu3_1.svg");
        margin-bottom: -7px;
}

.checkcontactossinasignar + img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-image: url("/img/lead_usu3_0.svg");
        margin-bottom: -7px;
}

.checksoysupervisor:checked + img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-image: url("/img/lead_usu2_1.svg");
        margin-bottom: -7px;
}

.checksoysupervisor + img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-image: url("/img/lead_usu2_0.svg");
        margin-bottom: -7px;
}

.checkotroscontactos:checked + img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-image: url("/img/lead_usu4_1.svg");
        margin-bottom: -7px;
}

.checkotroscontactos + img {
    height: 28px;
    width: 28px;
    cursor: pointer;
    background-image: url("/img/lead_usu4_0.svg");
        margin-bottom: -7px;
}

.wrap {
    margin: 0 auto
}

header {
    position: fixed;
    display: inline-block;
    width: 100%;
    display: inline-block;
    width: 100%;
    z-index: 1002;
    /*background: #656A6D;*/
    /*color: #fff;*/
    background: white;
    background: var(--blanco);
    color:#656A6D;
    color: var(--secondary-light-color);
    /*box-shadow: 0px 5px 10px rgba(162, 159, 190, 0.2);*/
    box-shadow: 0px -3px 15px 2px #276873;
}

header .row,header .ficha .collapsable,.ficha header .collapsable {
    padding: 0;
    max-width: inherit
}

header [class*="col-"] {
    padding: 0px
}

header .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

header .face-user {
    max-height: 50px;
    width: auto;
    display: block;
    margin: 0 AUTO
}

header .logo {
    max-height: 40px;
    width: auto;
    display: block;
    margin: 0 AUTO
}

.nav-tool {
    float: left;
    text-transform: uppercase
}

.nav-tool a {
    font-size: inherit;
    color: inherit;
    margin-right: 20px
}

.nav-tool .active {
    font-weight: 700;
    color: var(--primary-color);
}

.nav-tool a:hover {
    color: var(--primary-shadow-color);
}

.nav-tool2 {
    float: left
}

.nav-tool2 a {
    font-size: inherit;
    color: inherit;
    margin-right: 20px
}

.nav-tool2 .active {
    font-weight: 700;
    color: var(--primary-color);
}

.nav-tool2 a:hover {
    color: var(--primary-shadow-color);
}

.desta {
    z-index: 1001;
    background: #DCE1E2;
    background: var(--secondary-ultralight-color);
    /*-webkit-box-shadow: 0px -3px 15px 2px #276873;
    box-shadow: 0px -3px 15px 2px #276873;*/
    position: fixed;
    display: inline-block;
    width: 100%;
    top: 50px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.desta .row,.desta .ficha .collapsable,.ficha .desta .collapsable {
    padding: 5px 0 0
}

.desta h2 {
    margin: 5px 0
}

.desta [class*="col-"] {
    padding: 0
}

footer.wrap {
    font-size: 10px;
    padding: .5em;
    background: #656A6D;
    background: var(--primary-dark-color);
    color: #fff;
    color: var(--blanco);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    position: absolute;
    bottom: 0;
    width: 100%
}

footer.wrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer.wrap li {
    padding: 0 .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer.wrap .powered {
    width: 50px
}

footer.wrap a {
    color: inherit;
    font-size: 10px
}

.dropzone {
    margin-top: 10px;
    border: 2px dashed #DCE1E2;
    border: 2px dashed var(--secondary-ultralight-color);
    border-radius: var(--global-radius);
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dropzone .drag::before {
    content: "Arrastre los archivos o haga click para cargar imágenes"
}

.dropzone.dz-drag-hover .drag::before {
    content: "Deje los archivos aquí"
}

.dz-preview {
    width: calc(20% - 20px);
    margin: 10px !important
}

.dz-image {
    width: 100% !important;
    height: auto !important;
    overflow: hidden;
    position: inherit !important;
    border-radius: var(--global-radius) !important
}

.dz-eliminar {
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    color: var(--primary-color);
    cursor: pointer !important;
}


.dz-eliminar i {
    margin-right: 2px
}

.dz-eliminar:hover {
    color: #EF3D23;
    color: var(--red-dark-color);
}

.dz-error-message {
    width: 100% !important;
    position: relative !important;
    top: inherit !important;
    left: inherit !important
}

.ui-tooltip {
    padding: .5em;
    color: #fff;
    color: var(--blanco);
    text-transform: uppercase;
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873;
    border-radius: var(--global-radius);
    opacity: .7;
    filter: alpha(opacity=90);
    background-color: #656A6D;
    background-color: var(--secondary-light-color);
    border: 4px solid #fff;
    border: 4px solid var(--blanco);
    text-transform: inherit !important
}

.tiphelp {
    background-color: rgba(128,200,145,0.9)
}

.img-loading {
    width: 20%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.txt-loading {
    color: #fff;
    color: var(--blanco);
    font-size: 16px
}

.breadcrumb {
    margin-bottom: .5em;
    display: inline-block
}

.breadcrumb li {
    float: left;
    padding-left: .75em;
    font-size: 13px
}

.breadcrumb li:first-child {
    padding-left: 0
}

.breadcrumb li a {
    background: url(../img/crumbs.svg) no-repeat right center;
    display: block;
    padding: 0 15px 0 0
}

.breadcrumb li a:link,.breadcrumb li a:visited {
    font-size: 13px
}

.dialog_ui {
    border-radius: var(--global-radius);
    overflow: hidden;
    position: fixed;
    max-width: 600px;
    box-shadow: 0 0 0px 1px var(--primary-color);
    border-radius: var(--global-radius);
}

.mod_win h3 {
    color: var(--secondary-dark-color);
    /*background-color: #656A6D;
    background-color: var(--secondary-light-color);
    color: #fff;
    color: var(--blanco);*/
    margin: 0;
    padding: 5px 10px 8px 5px;
    font-size: 20px;
    font-weight: 400;
}

.mod_win h3 .fa,.mod_win h3 .fas,.mod_win h3 .far,.mod_win h3 .fal,.mod_win h3 .fab {
    margin-right: 10px;
}

h3.mod_head_CF {
    background-color: var(--red-color);
    font-size: 15px;
    color: var(--blanco);
}

h3.mod_head_ER {
    background-color: var(--red-color);
    font-size: 15px;
    color: var(--blanco);
}

.mod_win h4 {
    margin: .5em 0 0
}

.mod_win p {
    margin: 0
}

.mod_win .btn {
    margin: 10px
}

.sel-id {
    max-width: 1099px;
    width: 100%;
    padding: 1em
}

.asistente .steps {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    /*margin-top: .5em*/
}

.asistente .steps a {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    font-size: inherit;
    color: inherit;
    text-transform: uppercase;
    border: 2px solid var(--secondary-ultralight-color);
    /*border-left: 2px solid #DCE1E2;
    border-left: 2px solid var(--secondary-ultralight-color);*/
}

/*.asistente .steps a:last-child {
    border-right: 2px solid #DCE1E2;
    border-right: 2px solid var(--secondary-ultralight-color);
}*/

.asistente .steps span {
    display: block;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 400
}

.asistente .steps a:hover {
    border-color: #DCE1E2;
    border-color: var(--secondary-ultralight-color);
    text-decoration: none
}

.asistente .empty {
    color: #DCE1E2;
    color: var(--secondary-ultralight-color);
    background-color: inherit;
    cursor: default;
    pointer-events: none
}

.asistente .current {
    background: #DCE1E2;
    background: var(--secondary-ultralight-color);
    cursor: default;
}

.asistente .current:hover {
    background: #DCE1E2;
    background: var(--secondary-ultralight-color);
}

.asistente .completed {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
    border-color: #fff;
    border-color: var(--blanco);
}

.asistente .completed:hover {
    background-color: #fff;
    background-color: var(--blanco);
}

.asistente .half {
    cursor: pointer;
    color: #000;
    color: var(--negro);
}

.asistente .half:hover {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.asistente .display {
    border: 2px solid #DCE1E2;
    border: 2px solid var(--secondary-ultralight-color);
    /*margin-bottom: 10px;*/
    padding: 10px
}

.asistente [class*="col-"] a {
    font-size: 13px;
    display: block;
    padding: 5px
}

.asistente [class*="col-"] a:hover {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
    text-decoration: none
}

.connectedSortable {
    margin-left: 1em
}

.sortable1 {
    margin-top: -1px
}

.caret-position {
    float: right
}

.collapse {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.collapse>span {
    font-size: 16px
}

.sort-head {
    border: 1px solid #DCE1E2;
    border: 1px solid var(--secondary-ultralight-color);
    margin-top: -1px
}

.sort-head span {
    margin: .5em;
    display: inline-block
}

.sort-head:hover {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.item-listado .ui-state-default {
    margin-bottom: -1px;
    cursor: pointer;
    border: 1px solid #DCE1E2;
    border: 1px solid var(--secondary-ultralight-color);
    background: #fff;
    background: var(--blanco);
}

.item-listado .ui-state-default span {
    display: block;
    margin: .5em
}

.item-listado .ui-state-default:hover {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.item-listado [class*="col-"] [class*="col-"] a:hover {
    background-color: inherit
}

.item-listado .items-seleccionados {
    position: relative
}

.item-listado .items-seleccionados .connectedSortable {
    margin-left: 0em !important
}

.item-listado .items-seleccionados .connectedSortable:hover {
    background-color: #b9b9b9
}

.item-listado .items-seleccionados a {
    font-size: inherit;
    padding: 0
}

.item-listado .items-seleccionados a:hover {
    background-color: inherit
}

.item-listado .items-seleccionados .ui-state-default {
    width: 100% !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.inf-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inf-action div {
    border-left: 1px solid #DCE1E2;
    border-left: 1px solid var(--secondary-ultralight-color);
    border-right: 1px solid #DCE1E2;
    border-right: 1px solid var(--secondary-ultralight-color);
    margin-right: -1px
}

.inf-action div span {
    font-weight: 700
}

.inf-action div:hover .fa,.inf-action div:hover .fas,.inf-action div:hover .far,.inf-action div:hover .fal,.inf-action div:hover .fab,.inf-action div:hover span {
    color: #fff;
    color: var(--blanco);
}

.inf-action .active {
    background-color: #80C891;
    background-color: var(--verde-claro);
}

.inf-action .active .fa,.inf-action .active .fas,.inf-action .active .far,.inf-action .active .fal,.inf-action .active .fab,.inf-action .active span {
    color: #fff;
    color: var(--blanco);
}

.ui-state-default:hover div {
    border-left-color: #fff;
    border-left-color: var(--blanco);
}

.inf-del:hover {
    background-color: #EF3D23;
    background-color: var(--red-dark-color);
}

.inf-del:hover .fa,.inf-del:hover .fas,.inf-del:hover .far,.inf-del:hover .fal,.inf-del:hover .fab {
    color: #fff;
    color: var(--blanco);
}

.inf-sum:hover {
    background-color: #80C891;
    background-color: var(--verde-claro);
}

.inf-sum:hover .fa,.inf-sum:hover .fas,.inf-sum:hover .far,.inf-sum:hover .fal,.inf-sum:hover .fab {
    color: #fff;
    color: var(--blanco);
}

.panel-filtra {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
    padding: 10px;
    border-radius: var(--global-radius);
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873
}

.panel-filtra ul {
    margin: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.panel-filtra li {
    border: 1px solid #fff;
    border: 1px solid var(--blanco);
    margin: 5px;
    padding: 5px;
    text-align: center;
    width: calc(50% - 10px)
}

.panel-filtra li span {
    width: 100%;
    display: block
}

.panel-filtra select {
    margin-bottom: 10px;
    background-color: #fff;
    background-color: var(--blanco);
}

.panel-filtra .sliders {
    margin: 0 0 20px
}

.panel-filtra .sliders input {
    background-color: inherit;
    border: none
}

.panel-filtra .sliders .ui-slider {
    margin: 0 7px
}

.panel-filtra .sliders .ui-slider-handle:focus {
    outline: none;
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873;
    border: 1px solid #b9b9b9
}

.panel-grafica canvas {
    margin-bottom: 10px
}

.filtra-tipo-graph {
    padding: 0;
    margin-bottom: 10px
}

.filtra-tipo-graph select {
    width: auto
}

.seccion-radar {
    margin-top: 10px
}

.line-blue {
    margin-right: 5px;
    color: var(--primary-color)
}

.line-red {
    margin-right: 5px;
    color: #EF3D23;
    color: var(--red-dark-color);
}

.inm-ref {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

#div_version button {
    padding: 5px;
    margin-top: 2px;
    border: none;
    background: #fff;
    background: var(--blanco);
    border-radius: var(--global-radius);
    text-align: left;
    width: 100% !important
}

#div_version button:focus {
    outline: none
}

#div_version .ui-icon {
    float: right;
    margin-top: 0
}

.div_multifilter button {
    padding: 5px;
    margin-top: 2px;
    border: none;
    background: #fff;
    background: var(--blanco);
    border-radius: var(--global-radius);
    text-align: left;
    width: 100% !important
}

.div_multifilter button:focus {
    outline: none
}

.div_multifilter .ui-icon {
    float: right;
    margin-top: 0
}

.ui-multiselect-menu {
    padding: .5em !important;
    z-index: 999 !important;
    background-color: #fff !important;
    background-color: var(--blanco) !important;
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873
}

.ui-multiselect-menu span {
    font-weight: 400;
    color: #000;
    color: var(--negro);
}

.ui-widget-header {
    display: inline-block;
    width: 100%;
    border: none;
    background: none;
    color: inherit;
    font-weight: inherit
}

.ui-multiselect-filter input {
    width: calc(100% - 5px) !important;
    padding: 5px !important;
    margin-top: 2px;
    border: 1px solid #DCE1E2 !important;
    border: 1px solid var(--secondary-ultralight-color) !important;
    background: #fff;
    background: var(--blanco);
    border-radius: var(--global-radius);
    font-size: 1em !important;
    margin-left: 0 !important
}

.ui-multiselect-filter input:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ui-multiselect-filter {
    float: none !important;
    margin-right: 10px;
    font-size: 1em !important;
    margin-bottom: .5em
}

.ui-multiselect-checkboxes label {
    border: none;
    cursor: pointer !important;
    padding: 3px 0 !important
}

.ui-multiselect-checkboxes li {
    font-size: 1em !important
}

.sel_campo_obligatorio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.sel_campo_obligatorio .col-6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.sel_campo_obligatorio ul {
    border: 1px solid #DCE1E2;
    border: 1px solid var(--secondary-ultralight-color);
    list-style-type: none;
    display: inline-block;
    height: 100%
}

.sel_campo_obligatorio li {
    border: 1px solid #DCE1E2;
    border: 1px solid var(--secondary-ultralight-color);
    background-color: #fff;
    background-color: var(--blanco);
    margin: 5px;
    padding: 5px;
    width: auto;
    float: left;
    cursor: move
}

.sel_campo_obligatorio li:hover {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.sel_campo_obligatorio .col-6:nth-child(2) li {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
    border: none
}

.addmenu-dialog {
    font-family: 'Source Sans Pro',sans-serif;
    color: #000;
    color: var(--negro);
    display: none;
    position: fixed;
    top: 5%;
    left: 0;
    background-color: white;
    opacity: 1;
    width: 80%;
    height: 80%;
    z-index: 1005;
    -webkit-box-shadow: 0 0 15px 3px #276873;
    box-shadow: 0 0 15px 3px #276873;
    margin: 0 auto;
    right: 0;
    border-radius: var(--global-radius);
    overflow: hidden;
    max-width: 1200px
}

.addmenu_header {
    /*background: #4C8BC9;*/
    padding: 8px 16px 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    color: var(--secondary-light-color);
    height: 34px;
}

.addmenu_header .fa,.addmenu_header .fas,.addmenu_header .far,.addmenu_header .fal,.addmenu_header .fab {
    cursor: pointer
}

.addmenu_header {
    /*color: #fff;
    color: var(--blanco);*/
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
}
.addmenu_header #titulo{
    color: #fff;
    color: var(--secondary-dark-color);
    font-size: 20px;
    font-weight: 400;
}
.addmenu_header .addmenu_close:hover{
    background-color: var(--global-dark-bg-close);
    border-radius: var(--global-radius);
}
.addmenu_header .addmenu_close {
    color: #fff;
    color: var(--secondary-dark-color);
    line-height: 0.75em;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    width: 24px;
    height: 24px;
    font-size: 32px;
    cursor: pointer;

}

.addmenu_body {
    height: 95%;
    padding: 1em
}

.slc-listainm {
    overflow-y: scroll;
    width: 100%;
    height: 100%
}

.slc-listainm .row,.slc-listainm .ficha .collapsable,.ficha .slc-listainm .collapsable {
    max-width: none
}

.slc-listainm img {
    width: 100%;
    height: inherit
}

.slc-listainm .thumb-listado {
    width: 20%
}

.slc-listainm tr {
    cursor: pointer
}

.slc-busq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2em;
    border-bottom: 2px solid #DCE1E2;
    border-bottom: 2px solid var(--secondary-ultralight-color);
}

.slc-busq [class*='col-']:last-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.slc-busq .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: bottom
}

.accion {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
    margin-bottom: 1em;
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873;
    border-radius: var(--global-radius);
}
.accion.new-action {
    background-color: var(--blanco);
}
.accion.old-action input[readonly], .accion.old-action textarea[readonly]{
        border: 1px solid var(--secondary-masterlight-color);
        padding: 5px;
        margin-bottom: 2px;
}

.accion input,.accion textarea,.accion select {
    background-color: #fff;
    background-color: var(--blanco);
}

.accion .obligatorio {
    background-color: #b9b9b9
}

.accion input[readonly],.accion textarea[readonly] {
    padding: 5px 0px;
    background-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: inherit;
    resize: none
}

.accion .accion-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 0 !important
}

.accion .accion-menu a {
    font-size: inherit;
    margin: 0 .5em
}

.accion .nueva-accion i {
    margin-right: 5px
}

.rsearch {
    display: none !important;
    border: 1px solid #DCE1E2;
    border: 1px solid var(--secondary-ultralight-color);
    padding: .5em;
    margin: .5em 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.rsearch .fa,.rsearch .fas,.rsearch .far,.rsearch .fal,.rsearch .fab {
    color: #DCE1E2;
    color: var(--secondary-ultralight-color);
    margin-right: .5em
}

.rsearch .fa:hover,.rsearch .fas:hover,.rsearch .far:hover,.rsearch .fal:hover,.rsearch .fab:hover {
    color: var(--primary-color);
}

.rsearch:focus,.rsearch:hover {
    outline: none;
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873;
    border: 1px solid #b9b9b9;
    border-radius: var(--global-radius);
}

.rsearch input {
    border: 0
}

.rsearch input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0
}

.rtags {
    display: none !important;
    margin: .5em 0
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tags a {
    color: #656A6D;
    color: var(--secondary-light-color);
    font-size: inherit
}

.tags a:hover {
    color: var(--primary-color);
}

.tags .fa,.tags .fas,.tags .far,.tags .fal,.tags .fab {
    margin-left: 5px
}

.tags li {
    padding: 0.2em;
    margin-right: .5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #DCE1E2;
    border: 1px solid var(--secondary-ultralight-color);
    width: inherit;
    border-radius: var(--global-radius);
}

.menu-pest-tareas {
    width: 100%
}

.menu-pest-tareas a {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu-pest-tareas a:first-child {
    border-left: 2px solid #DCE1E2 !important;
    border-left: 2px solid var(--secondary-ultralight-color) !important;
}

.menu-pest-tareas span {
    width: 100%;
    font-size: 26px !important
}

.menu-pest-tareas h4 {
    margin: 0
}

.panel .menu-pest-tareas a:first-child {
    border-left: none !important
}

.panel .menu-pest-tareas a:last-child {
    border-right: none !important
}

.fc-calendar-container {
    position: relative;
    height: 250px
}

.fc-calendar {
    width: 100%;
    height: 100%
}

.fc-calendar .fc-head {
    height: 30px;
    line-height: 30px;
    background: #656A6D;
    background: var(--secondary-light-color);
    color: #fff;
    color: var(--blanco);
}

.fc-calendar .fc-body {
    background-color: #fff;
    background-color: var(--blanco);
    position: relative;
    width: 100%;
    height: 100%;
    height: calc(100% - 30px)
}

.fc-calendar .fc-row {
    width: 100%;
    border-bottom: 1px solid #ddd
}

.fc-four-rows .fc-row {
    height: 25%
}

.fc-five-rows .fc-row {
    height: 20%
}

.fc-six-rows .fc-row {
    height: 16.66%;
    height: calc(100%/6)
}

.fc-calendar .fc-row>div,.fc-calendar .fc-head>div {
    float: left;
    height: 100%;
    width: 14.28%;
    width: calc(100%/7);
    position: relative
}

.ie9 .fc-calendar .fc-row>div,.ie9 .fc-calendar .fc-head>div {
    width: 14.2%
}

.fc-calendar .fc-row>div {
    border-right: 1px solid #DCE1E2;
    border-right: 1px solid var(--secondary-ultralight-color);
    padding: 4px;
    overflow: hidden;
    position: relative
}

.fc-calendar .fc-head>div {
    text-align: center
}

.fc-calendar .fc-row>div>span.fc-date {
    position: absolute;
    width: 30px;
    height: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #656A6D;
    color: var(--secondary-light-color);
    bottom: 5px;
    right: 5px;
    text-align: right;
    cursor: pointer
}

.fc-calendar .fc-row>div>span.fc-weekday {
    padding-left: 5px;
    display: none
}

.fc-calendar .fc-row>div.fc-today {
    background: #656A6D;
    background: var(--secondary-light-color);
}

.fc-calendar .fc-row>div.fc-today span {
    color: #fff;
    color: var(--blanco);
}

.fc-calendar .fc-row>div.fc-selected {
    background: var(--primary-color) !important;
}

.fc-calendar .fc-row>div.fc-selected span {
    color: #fff;
    color: var(--blanco);
}

.fc-calendar .fc-row>div.fc-pend {
    background: var(--red-light-color);
}


.fc-calendar .fc-row>div.fc-pend span {
    color: #fff;
    color: var(--blanco);
}

.fc-ngr {
    text-decoration: underline;
    font-weight: 700
}

.fc-calendar .fc-row>div.fc-out {
    opacity: 0.6
}

.fc-calendar .fc-row>div:last-child,.fc-calendar .fc-head>div:last-child {
    border-right: none
}

.fc-calendar .fc-row:last-child {
    border-bottom: none
}

.custom-header {
    background: #fff;
    background: var(--blanco);
    position: relative
}

.custom-header h2,.custom-header h3 {
    text-align: center
}

.custom-header h2 {
    color: #656A6D;
    color: var(--secondary-light-color);
    font-size: 16px;
    margin: 0;
    font-weight: inherit
}

.custom-header h3 {
    font-size: 11px;
    color: #656A6D;
    color: var(--secondary-light-color);
    margin: 0;
    font-weight: inherit
}

.custom-header nav span {
    position: absolute;
    top: 4px;
    width: 30px;
    height: 30px;
    color: transparent;
    cursor: pointer;
    margin: 0 1px;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.custom-header nav span:first-child {
    left: 5px
}

.custom-header nav span:last-child {
    right: 5px;
    text-align: right
}

.custom-header nav span:before {
    font-family: 'fontawesome-selected';
    color: #ef4f69;
    position: absolute;
    text-align: center;
    width: 100%
}

.custom-header nav span.custom-prev:before {
    content: '\25c2'
}

.custom-header nav span.custom-next:before {
    content: '\25b8'
}

.custom-header nav span:hover:before {
    color: #495468
}

.graph-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1em;
    border-bottom: 2px solid var(--secondary-light-color);
    padding: .5em
}

.date-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle
}

.hist-prev,.hist-next {
    color: var(--primary-color);
    cursor: pointer
}

.a-lft {
    text-align: left
}

.a-lft * {
    float: inherit !important;
    text-align: left !important
}

.a-rgt {
    text-align: right
}

.a-rgt * {
    float: inherit !important;
    text-align: right !important
}

.a-cnt {
    text-align: center
}

.a-cnt * {
    float: inherit !important;
    text-align: center !important
}

td {
    border-bottom: 1px solid #DCE1E2;
    border-bottom: 1px solid var(--secondary-ultralight-color);
    padding: 5px 10px
}

tbody tr:hover {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

thead tr {
    border-bottom: 2px solid #DCE1E2;
    border-bottom: 2px solid var(--secondary-ultralight-color);
    text-transform: uppercase;
    font-weight: 600;
    color: #656A6D;
    color: var(--secondary-light-color);
    font-family: 'Roboto', sans-serif
}

tr td .fa,tr td .fas,tr td .far,tr td .fal,tr td .fab {
    margin: 0 5px
}

thead td:hover,thead td.sorted {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

thead td {
    cursor: pointer
}

thead.nosort td:hover,tbody.nosort td:hover {
    background-color: inherit;
    cursor: inherit
}

thead.nosortftd td:first-child:hover {
    background-color: inherit;
    cursor: inherit
}

.tbody-elmdef tr {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.tbody-elmdef td {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid var(--blanco);
}

.tbody-elmdef tr:hover {
    background-color: #fff;
    background-color: var(--blanco);
}

.tbody-elmdef tr:last-child {
    border-bottom: 2px solid #DCE1E2;
    border-bottom: 2px solid var(--secondary-ultralight-color);
}

.tbody-elmdef .fa,.tbody-elmdef .fas,.tbody-elmdef .far,.tbody-elmdef .fal,.tbody-elmdef .fab {
    color: #656A6D;
    color: var(--secondary-light-color);
}

table input[type="radio"] {
    float: inherit
}

.preu-modif {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
    border: 1px solid #fff;
    border: 1px solid var(--blanco);
}

.llista_doble tr:hover {
    background-color: inherit
}

.llista_doble tbody {
    border-bottom: 2px solid #DCE1E2;
    border-bottom: 2px solid var(--secondary-ultralight-color);
}

.llista_doble tbody tr:first-child td {
    border-bottom: 1px solid #DCE1E2;
    border-bottom: 1px solid var(--secondary-ultralight-color);
}

.llista_doble tbody:hover tr:first-child td {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid var(--blanco);
}

.llista_doble tbody:hover {
    background: #DCE1E2;
    background: var(--secondary-ultralight-color);
}

.llista_doble .image img {
    display: block;
    width: 100%
}

.llista_doble .thumb-listado {
    padding: 0;
    width: 160px
}

.llista_doble .al-dr {
    text-align: right
}

.llista_doble td.but {
    padding: 0 4px 0 0;
    vertical-align: bottom
}

.llista_doble .mien {
    text-align: right
}

.llista_doble .menu-pest {
    float: left
}

.llista_doble .menu-pest a:last-child, .menu-estadistica a:last-child  {
    border-right: 2px solid #DCE1E2;
    border-right: 2px solid var(--secondary-ultralight-color);
}

.llista_doble .menu-pest a:last-child:hover, .menu-estadistica a:last-child:hover {
    border-color: #fff;
    border-color: var(--blanco);
}

.llista_doble .demo-gallery-poster {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.llista_doble .demo-gallery-poster img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    width: auto
}

.llista_doble .demo-gallery-poster:hover {
    background: rgba(0,0,0,0.19)
}

.llista_doble .demo-gallery-poster:hover img {
    opacity: 1
}

.llista_doble #lightgallery a {
    position: relative;
    float: left
}

.llista_doble [class*="estado-"] {
    font-size: 1.5em
}

.estado-dis,.exportado-ok {
    color: #80C891;
    color: var(--tertiary-color);
}

.estado-blo {
    color: #656A6D;
    color: var(--secondary-light-color);
}

.estado-res {
    color: var(--azul);
}

.estado-ven,.exportado-error {
    color: #EF3D23;
    color: var(--red-dark-color);
}

.estado-pen,.exportado-warning {
    color: #bba921;
    color: var(--amarillo);
}

.llista_simple td {
    padding: 4px
}

.llista_simple tbody:hover {
    background: inherit
}

.llista_simple tbody:hover tr:first-child td {
    border-bottom: inherit
}

.llista_simple td:last-child {
    text-align: right
}

.paginador {
    float: right;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 10px;
    margin-top: 10px;
}

.paginador li {
    color: #fff;
    color: var(--blanco);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    margin-left: -1px
}

.paginador a {
    /*font-size: inherit;
    color: inherit;
    padding: 4px 8px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #4c8ac9), to(#4076a8));
    background: linear-gradient(to bottom, #4c8ac9 5%, #4076a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c8ac9', endColorstr='#4076a8',GradientType=0);
    background-color: #4c8ac9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#85c2ff), to(#4c8ac9));
    background-image: linear-gradient(to bottom, #85c2ff, #4c8ac9);
    -webkit-box-shadow: none;
    box-shadow: none*/
    font-size: inherit;
    color: inherit;
    padding: 4px 8px;
    background-color: #4c8ac9;
    background-color: var(--primary-color);
}

.paginador a:hover {
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, var(--primary-color)), to(var(--primary-shadow-color)));
    background: linear-gradient(to bottom, var(--primary-color) 5%, var(--primary-shadow-color) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4076a8', endColorstr='#4c8ac9',GradientType=0);
    background-color: var(--primary-shadow-color);
    color: #fff;
}

.paginador .pag {
    padding: 4px 8px;
    margin-left: -1px
}

.paginador .actual {
    padding: 0;
    color: inherit
}

.paginador .total {
    padding-left: 1px;
    color: inherit;
    padding-top: 6px
}

.paginador input {
    width: 28px;
    padding: 3px;
    border: 1px solid #DCE1E2;
    border: 1px solid var(--secondary-ultralight-color);
    text-align: right;
    margin-top: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.paginador input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.paginador .disabled {
    opacity: 0.8
}

.paginador .disabled a {
    background: #DCE1E2;
    background: var(--secondary-ultralight-color);
    cursor: default;
    -webkit-box-shadow: none;
    box-shadow: none
}

.paginador>li:first-child>a {
    border-top-left-radius: 2.5px;
    border-bottom-left-radius: 2.5px
}

.paginador>li:last-child>a {
    border-top-right-radius: 2.5px;
    border-bottom-right-radius: 2.5px
}

.repa-simbols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 2px solid #DCE1E2;
    border-bottom: 2px solid var(--secondary-ultralight-color);
    margin-bottom: .5em
}

.repa-simbols .repa-simbols-tipo {
    width: 20%;
    padding: 1em;
    text-align: center;
    cursor: pointer
}

.repa-simbols .repa-simbols-tipo img {
    display: block;
    margin: .5em auto 0;
    max-width: 50%
}

.repa-simbols .repa-simbols-tipo:hover,.repa-simbols .repa-simbols-tipo.selected {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.repa-select-container {
    position: relative;
    height: 100%
}

.repa-select-inm img {
    width: 100%;
    height: inherit;
    display: inherit
}

.repa-select-grid {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.repa-select-grid div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.88%;
    cursor: pointer
}

.repa-select-grid div img {
    width: 100%;
    height: inherit
}

.repa-select-grid div:hover {
    background-color: rgba(220,225,226,0.7)
}

a {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 400
}

a:hover {
    text-decoration: underline;
    color: var(--primary-shadow-color);
}

tr:hover,td:hover,:focus {
    -webkit-transition: all 300ms;
    transition: all 300ms
}

/*:hover {
    -webkit-transition: all 300ms;
    transition: all 300ms
}*/

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-gradient(linear, right top, left top, from(#DCE1E2), color-stop(#656A6D), to(#DCE1E2));
    background-image: linear-gradient(to left, #DCE1E2, #656A6D, #DCE1E2);

    background-image: -webkit-gradient(linear, right top, left top, from(var(--secondary-ultralight-color)), color-stop(var(--secondary-light-color)), to(var(--secondary-ultralight-color)));
    background-image: linear-gradient(to left, var(--secondary-ultralight-color), var(--secondary-light-color), var(--secondary-ultralight-color))
}

h1 {
    font-weight: 700;
    margin: 0;
    color: #656A6D;
    color: var(--primary-color);
    font-family: 'Roboto', sans-serif;
    font-size: 2.7em
}

h2 {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 0.5em;
    color: #656A6D;
    color: var(--secondary-light-color);
    font-size: 2em;
    font-family: 'Roboto', sans-serif;
    text-transform: none
}

h3 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #656A6D;
    color: var(--secondary-light-color);
    margin: .5em 0
}

h3 a {
    font-size: inherit;
    font-weight: 700;
    color: inherit
}

h3 a:hover {
    color: var(--primary-shadow-color);
}

h4 {
    text-transform: uppercase;
    font-weight: 600;
    color: #656A6D;
    color: var(--secondary-light-color);
    font-family: 'Roboto', sans-serif;
    margin: .5em
}

.wrap {
    margin: 0 auto
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: default
}

.img-fit img {
    width: 100%
}

.hidden {
    display: none !important
}

header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-right: 1px solid #DCE1E2;
    border-right: 1px solid var(--secondary-ultralight-color);
    height: 50px;
    width: 50px;
    cursor: pointer
}

header .menu:hover {
    color: var(--primary-color);
}

header .menu.active {
    color: #fff;
    color: var(--blanco);
    background: var(--primary-color)
}

header .user {
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

header .user a {
    color: #fff;
    color: var(--blanco);
    font-size: 12px
}

header .user li {
    padding: .5em
}

.menu-gen {
    background: white;
    display: inline-block;
    display: none
}

.menu-gen a {
    display: block;
    padding: 5px 20px;
    border-top: 1px solid #DCE1E2;
    border-top: 1px solid var(--secondary-ultralight-color);
    border-bottom: 1px solid #DCE1E2;
    border-bottom: 1px solid var(--secondary-ultralight-color);
    margin-top: -1px
}

.menu-gen a:hover {
    text-decoration: none;
    background-color: #656A6D;
    background-color: var(--secondary-light-color);
    color: #fff;
    color: var(--blanco);
}

.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

header .menu {
    color:  #0BA0C2;
    color: var(--primary-color);
}

header .menu-session .dropbtn{
    color: #0D313A;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-face {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    border-top: 1px solid #fff;
    border-top: 1px solid var(--blanco);
    min-width: 200px;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    background-color: #656A6D;
    background-color: var(--secondary-light-color);
}

#dropbtnContent .dropdown-content {
    display: block;
}

.dropdown .dropdown-content .fa,.dropdown .dropdown-content .fas,.dropdown .dropdown-content .far,.dropdown .dropdown-content .fal,.dropdown .dropdown-content .fab {
    margin-right: .5em
}

.dropdown-content ul {
    background-color: #656A6D;
    background-color: var(--secondary-light-color);
}

.dropdown-content h3 {
    padding: 1.5em 5px 5px;
    margin: 0;
    font-size: 1em;
    border-bottom: 1px solid #b9b9b9;
    color: #fff;
    color: var(--blanco);
}

.dropdown-content li {
    color: #fff;
    color: var(--blanco);
    background-color: #656A6D;
    background-color: var(--secondary-light-color);
}

.dropdown-content a {
    text-decoration: none;
    display: block;
    padding: .5em 1em;
    color: #fff;
    color: var(--blanco);
    background-color: #656A6D;
    background-color: var(--secondary-light-color);
}

.dropdown-content a:hover {
    text-decoration: none;
    color: #fff;
    color: var(--blanco);
    background-color: var(--primary-shadow-color);
}

.menuadmin .dropdown:hover .dropdown-content, .menuresponsive3 .dropdown:hover .dropdown-content {
    display: block
}

.dropdown-face:hover .dropdown-content {
    display: block
}

.dropdown-face ul li a i {
    float: right;
}

.dropdown:hover .dropbtn {
    background-color: #fff;
    background-color: var(--blanco);
    color: #656A6D;
    color: var(--secondary-light-color);
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.flex-reverse{
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.menu-session {
    float: right
}

.menu-session a {
    font-size: 1em
}

.menu-session .dropbtn {
    font-size: 1em;
    width: auto
}

.menu-session .dropbtn img {
    margin-right: .5em !important;
    width: 20px;
    height: inherit;
    -webkit-transition: all 1.4s ease;
    transition: all 1.4s ease
}

.menu-session .dropbtn a {
    color: #fff;
    color: var(--blanco);
}

.menu-session .dropdown-content {
    right: 0;
    width: 100%;
    min-width: 125px
}

.menu-session .menu {
    border-right: none;
    border-left: 1px solid #DCE1E2;
    border-left: 1px solid var(--secondary-ultralight-color);
}

.menu-session:hover .logo {
    -webkit-transform: scale(1.4) rotate(360deg) translate(0);
    transform: scale(1.4) rotate(360deg) translate(0)
}

.menu-session:hover .dropbtn {
    color: #656A6D;
    color: var(--secondary-light-color);
}

.btn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #4c8ac9), to(#4076a8));
    background: linear-gradient(to bottom, #4c8ac9 5%, #4076a8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c8ac9', endColorstr='#4076a8',GradientType=0);
    background-color: #4c8ac9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#85c2ff), to(#4c8ac9));
    background-image: linear-gradient(to bottom, #85c2ff, #4c8ac9);
    border-radius: var(--global-radius);
    border: none !important;
    color: #fff;
    color: var(--blanco);
    padding: 5px 10px;
    cursor: pointer;
    width: auto !important;
    float: right;
    text-transform: uppercase;
    text-decoration: none;
    font-size: inherit
}

.btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #4076a8), to(#4c8ac9));
    background: linear-gradient(to bottom, #4076a8 5%, #4c8ac9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4076a8', endColorstr='#4c8ac9',GradientType=0);
    background-color: #4076a8;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    text-decoration: none
}

.btn:disabled {
    opacity: 0.5
}

.desta_home {
    background: #DCE1E2;
    background: var(--secondary-ultralight-color);
    padding-top: 50px
}

.desta_home h1 {
    margin: 0
}

.panel {
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873;
    border-radius: var(--global-radius);
    background: #fff;
    background: var(--blanco);
    padding: 5px;
    margin-bottom: 10px
}

.alertas {
    text-align: right;
    text-transform: uppercase;
    color: #EF3D23;
    color: var(--red-dark-color);
}

.alertas .no_optimo {
    color: var(--secondary-light-color);
}

.alertas a {
    margin-left: 5px;
    font-weight: 400
}

.mien {
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #80C891;
    color: var(--verde-claro);
}

.pest-b li {
    float: left;
    display: block;
    padding: 5px 20px;
    border-right: 2px solid #DCE1E2;
    border-right: 2px solid var(--secondary-ultralight-color);
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    background: var(--blanco);
}

.pest-b li:first-child {
    border-left: 2px solid #DCE1E2;
    border-left: 2px solid var(--secondary-ultralight-color);
}

.pest-b a {
    display: block
}

.num_desta {
    font-weight: 400;
    margin: 0 2px;
    font-size: 16px !important
}

.estado_stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.gestion_modulo{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.estado_stock div.width_75-mod {
    width: 75%;
    padding: 5px
}

.estado_stock div.middle-mod {
    width: 50%;
    padding: 15px
}

.estado_stock div.middle_middle-mod {
    width: 25%;
    padding: 5px
}

.estado_stock td {
    padding: 5px
}

.estado_stock tr:nth-child(even) {
    background: #DCE1E2;
    background: var(--secondary-ultralight-color);
}

.estado_stock tr:nth-child(odd) {
    background-color: inherit
}

.estado_stock tr:first-child {
    background: none
}

.estado_stock .graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#estado tr:last-child,#antiguedad tr:last-child,#gestion tr:last-child {
    background-color: var(--primary-color);
    color: #fff;
    color: var(--blanco);
}

#estado tr:last-child a,#antiguedad tr:last-child a, #gestion tr:last-child a {
    color: #fff;
    color: var(--blanco);
}

#estado thead tr:last-child,#antiguedad thead tr:last-child,#gestion thead tr:last-child {
    background-color: inherit;
    color: inherit
}

.menu-pest, .menu-estadistica  {
    display: block;
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 2px
}

.menu-pest a, .menu-estadistica a {
    display: inline-block;
    cursor: pointer;
    padding: 5px 10px;
    text-align: center;
    font-size: inherit;
    color: inherit;
    background: #fff;
    background: var(--blanco);
    text-transform: uppercase;
    border-left: 2px solid #DCE1E2;
    border-left: 2px solid var(--secondary-ultralight-color);
    margin-left: -2px
}

.menu-pest a:first-child, .menu-estadistica a:first-child{
    border-left: none;
}

.menu-estadistica a:last-child {
    border-right: none!important;
}

.menu-pest a:last-child, .menu-estadistica a:last-child {
    border-right: 2px solid #DCE1E2;
    border-right: 2px solid var(--secondary-ultralight-color);
}

.menu-pest :hover,.menu-pest a.active, .menu-estadistica :hover, .menu-estadistica a.active {
    text-decoration: none;
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
    /*border-color: #fff;
    border-color: var(--blanco);*/
}

.menu-pest span, .menu-estadistica span {
    display: block;
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 400
}

.menu-pest span:hover,.menu-pest i:hover, .menu-estadistica span:hover, .menu-estadistica i:hover{
    background-color: inherit
}

.busca {
    float: right
}

.busca a {
    color: inherit;
    font-size: inherit;
    text-transform: uppercase
}

.busca input {
    margin-right: 5px;
    border: none;
    display: inline-block
}

.busca label {
    float: inherit
}

.busca a:hover {
    color: var(--primary-shadow-color);
}

.ficha {
    /*margin-top: 10px*/
    margin: 5px;
}

.ficha .row,.ficha .collapsable {
    padding: 0
}

.ficha [class*="col-"] {
    padding: 10px 10px
}

.ficha .seccion-ficha {
    margin-top: 20px
}

.ficha .collapsable {
    margin-top: 10px;
    border-top: 1px solid #DCE1E2;
    border-top: 1px solid var(--secondary-ultralight-color);
}

label {
    font-weight: 600;
    color: #656A6D;
    color: var(--secondary-light-color);
}

input,label {
    display: block
}

input[type='checkbox'],input[type="radio"] {
    display: inline-block;
    width: auto;
    margin-right: 4px;
    float: left;
    margin-top: 4px;
    accent-color: var(--primary-color);
}

input,textarea,select {
    width: 100%;
    padding: 5px;
    margin-top: 2px;
    border: 1px solid #DCE1E2;
    border: 1px solid var(--secondary-ultralight-color);
    resize: vertical;
    background: #fff;
    background: var(--blanco);
    border-radius: var(--global-radius);
}

select {
    height: 29px
}

input:focus,textarea:focus,select:focus {
    /*outline: none;
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873;
    border: 1px solid #b9b9b9*/
    border-color: var(--primary-color);
    box-shadow: 0 0 0 2px var(--primary-light-color);
    outline: 0;
}

input[type='checkbox']:focus,input[type="radio"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

input[type='checkbox'].check_center {
    display: inline;
    float: inherit;
    margin-right: 0
}

::-webkit-input-placeholder {
    color: #DCE1E2;
    color: var(--secondary-ultralight-color);
    opacity: 1
}

.block_modal {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--global-bg-modal);
    z-index: 1005;
    top: 0;
    overflow-y: hidden;
}

.input-modal {
    position: relative
}

.input-modal .input-icon {
    position: absolute;
    right: 3px;
    top: calc(50% - 0.5em);
    color: var(--primary-color);
    cursor: pointer;
}

.input-modal .input-label {
    position: absolute;
    right: 3px;
    top: calc(40% - -0.5em);
    color: var(--primary-color);
    cursor: pointer
}

.input-modal input {
    padding: 5px 25px 5px 5px !important;
    border: 1px solid #DCE1E2 !important;
    border: 1px solid var(--secondary-ultralight-color) !important;
}

input[readonly] {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.leyenda-obliga {
    display: block;
    width: 100%;
    font-size: 10px;
    color: #656A6D;
    color: var(--secondary-light-color);
    text-align: right
}

.leyenda-obliga i {
    margin-right: 4px
}

.calculos label {
    width: 60%;
    padding-right: 5px;
    text-align: right;
    float: left
}

.calculos input,.calculos select {
    width: 40%;
    float: left;
    margin-top: 0
}

.calculos input[type='checkbox'],.calculos input[type="radio"] {
    width: auto;
    margin-top: 3px
}

.calculos h4 {
    border-bottom: 1px solid #656A6D;
    border-bottom: 1px solid var(--secondary-light-color);
    text-align: right;
    margin: 0;
    color: #656A6D;
    color: var(--secondary-light-color);
    width: 100%
}

.calculos [class*="col-"] {
    padding: 3px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calculos input[readonly] {
    padding-left: 6px
}

.total {
    background-color: #eaeaea
}

.total label {
    font-weight: 700
}

.total input {
    background: none
}

.lst-check .row,.lst-check .ficha .collapsable,.ficha .lst-check .collapsable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.lst-check .row:first-of-type,.lst-check .ficha .collapsable:first-of-type,.ficha .lst-check .collapsable:first-of-type {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.lst-check [class*="col-"] {
    border-bottom: 1px solid #DCE1E2;
    border-bottom: 1px solid var(--secondary-ultralight-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
    height: 40px
}

.lst-check [class*="col-"]:first-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.lst-check input {
    margin: 0
}

.txt-retalla [class*="col-"] {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.obligatorio {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.obligatorio::placeholder {
    color: #ffff;
}

.warning {
    background-color: #EF3D23 !important;
    background-color: var(--red-dark-color) !important;
    color: #fff;
    color: var(--blanco);
}

.headerfitxa tbody:hover {
    background: inherit
}

.headerfitxa tbody:hover tr:first-child td {
    border-bottom-color: inherit
}

.list-alerta {
    background-color: #EF3D23;
    background-color: var(--red-dark-color);
    padding: .5em;
    border-radius: var(--global-radius);
    font-size: 1.5em;
    color: #fff;
    color: var(--blanco);
    font-weight: 700;
    width: auto;
    display: inline-block
}

.grafica #placeholder {
    display: inline-block
}

.graph-legend {
    display: inline-block;
    float: right
}

.graph-legend table {
    width: 100%;
    float: right;
    display: inline-block
}

.graph-legend tr:hover {
    background-color: inherit
}

.graph-legend td {
    border-bottom: none;
    padding: 0
}

.graph-legend .legendColorBox {
    padding: 3px
}

.upload-container {
    text-align: center;
    max-width: 150px;
    margin: 10px 10px;
    float: left;
    word-break: break-word
}

.upload-container .upload-file {
    width: 100%;
    border: 4px dashed var(--primary-color);
    border-radius: var(--global-radius);
    padding: 20px;
    color: var(--primary-color);
}

.upload-container .upload-file a {
    font-size: 3em;
    display: block
}

.upload-container .upload-file a:hover {
    color: #656A6D;
    color: var(--primary-shadow-color);
}

.upload-container .upload-file input {
    display: none !important
}

.upload-container p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.upload-container .uploaded {
    border-style: solid
}

.upload-container .upload-file-erase a:hover {
    color: #EF3D23;
    color: var(--red-dark-color);
}
.upload-container .upload-file-erase a i {
    font-weight: bold;
    font-size: 14px;
}

.cuatro0cuatro {
    text-align: center;
    font-size: 8em;
    color: #656A6D;
    color: var(--secondary-light-color);
}

.cuatro0cuatro h1 {
    font-size: 0.51em;
    color: var(--primary-color);
    font-weight: 700
}

.menu-ver {
    padding: 0
}

.menu-ver h3 {
    font-size: 1em;
    border-bottom: 1px solid #656A6D;
    border-bottom: 1px solid var(--secondary-light-color);
    padding: 1.5em 0 5px;
    margin: 0
}

.menu-ver nav a {
    display: block;
    text-decoration: none;
    display: block;
    padding: 5px
}

.menu-ver nav a:hover,.menu-ver nav .active {
    background-color: #DCE1E2;
    background-color: var(--secondary-ultralight-color);
}

.menu-ver .navtest a {
    font-size: 0.5em
}

.menu-ver ul ul li:not(:first-child) a {
    padding-left: 1.5em
}

.fit-logo img {
    display: block;
    margin: 0 auto;
    height: 100px;
    width: auto
}

.flotTip {
    padding: .5em;
    background-color: #656A6D;
    background-color: var(--secondary-light-color);
    z-index: 100;
    color: #fff;
    color: var(--blanco);
    -webkit-box-shadow: 0px 1px 14px -3px #276873;
    box-shadow: 0px 1px 14px -3px #276873;
    opacity: .7;
    filter: alpha(opacity=70);
    border: 2px solid #fff;
    border: 2px solid var(--blanco);
    border-radius: var(--global-radius);
}

.a-rest {
    font-size: 13px;
    color: var(--primary-color);
}

.a-rest a {
    font-weight: 400
}

.legals header img {
    margin: .5em auto
}

.legals h1 {
    font-size: 2em
}

.legals h2 {
    font-size: 1.8em
}

.legals h3 {
    font-size: 1.5em
}

.breakCol {
    padding:0;
}

/* Estilar las notificaciones */
/* jquery.blockUI.js Linea 207*/
div.growlUI {
    color: white; padding: 0px 0px 0px 0px; text-align: left;
}

.growlText {
    vertical-align: middle;
    display: inline-block;
    padding-left:5px;
}

.growlUI .fa {
    vertical-align: middle;
}

.blockMsg {
    top:50px;
}

/* Fin estilar notificaciones*/

/*Asistente de Jato*/
.div-jato tr td:last-child {
    text-align:left;
    cursor:pointer;
}

.btn_cancelar {
    margin-top:5px;
}

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

.info-changes-webapp{
    width: 100%;
    min-height: 30px;
    background: red;
    background: var(--red-dark-color);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    color: white;
    color: var(--blanco)
}

.support-img {
    height: 50px;
    width: 50px;
    cursor: pointer;
}
.support-img .support-b:hover  {
    /*filter: invert(.5) sepia(1) saturate(100) hue-rotate(348deg);*/
     background-image: url("/img/icons/help_w.svg");
    background-size: 40px 40px;
    background-origin: border-box;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50px;
}

.support-img .support-b {
    background-image: url("/img/icons/help_b.svg");
    background-size: 40px 40px;
    background-origin: border-box;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50px;
}

.support-img .support-b-notification:hover  {
    /*filter: invert(.5) sepia(1) saturate(100) hue-rotate(348deg);*/
     background-image: url("/img/icons/help_w_notification.svg");
    background-size: 40px 40px;
    background-origin: border-box;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50px;
}

.support-img .support-b-notification {
    background-image: url("/img/icons/help_b_notification.svg");
    background-size: 40px 40px;
    background-origin: border-box;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 50px;
}

.support-img img {
    height: 50px;
    width: 50px;
    padding: 5px;
}

.selectedRow{
    border: 2px solid var(--primary-color);
}


/*TIPOS DE TABLA DE MPA*/
table.template_mpa {
    width: 100%;
    border-spacing: 0; 
    background: transparent;
    -moz-border-radius: var(--global-radius);
    -webkit-border-radius: var(--global-radius);
    border-collapse: unset;
}

/* Añadir bordes de radio a los laterales de la tabla*/
table.template_mpa thead tr:last-child td:first-child, table.template_mpa thead tr:last-child th:first-child {  
  -moz-border-radius-topleft:var(--global-radius);  
  -webkit-border-top-left-radius:var(--global-radius);  
  border-top-left-radius:var(--global-radius)}  

table.template_mpa thead tr:last-child td:last-child, table.template_mpa thead tr:last-child th:last-child{  
  -moz-border-radius-topright:var(--global-radius);  
  -webkit-border-top-right-radius:var(--global-radius);  
  border-top-right-radius:var(--global-radius)}

table.template_mpa tbody.pijama tr:last-child td:first-child {
    -moz-border-radius-bottomleft: var(--global-radius);
    -webkit-border-bottom-left-radius: var(--global-radius);
    border-bottom-left-radius: var(--global-radius);
}
table.template_mpa tbody.pijama tr:last-child td:last-child {
    -moz-border-radius-bottompright: var(--global-radius);
    -webkit-border-bottom-right-radius: var(--global-radius);
    border-bottom-right-radius: var(--global-radius);
}
table.template_mpa tbody.pijama tr td:first-child{
    border-left: 1px solid var(--secondary-ultralight-color);
}
table.template_mpa tbody.pijama tr td:last-child{
    border-right: 1px solid var(--secondary-ultralight-color);
}

/* Fin bordes de radio de los laterales de la tabla*/


table.template_mpa thead tr {
    border-bottom: 1px solid var(--primary-color);
    text-transform: uppercase;
    font-weight: 600;
    color: var(--blanco);
}

table.template_mpa thead tr td, table.template_mpa thead tr th {  
   background:#fff;
   font-size: 13px;
   font-weight: 900;
   padding: 5px 10px;
   background-color: var(--primary-color);
   border: 1px solid var(--primary-color);
   cursor: initial;
}  

table.template_mpa thead tr td:hover,table.template_mpa thead tr th:hover {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}

/*.selector_filter modifica el color de fondo del header (se usa para seleccionar la columna ascendente/descendente)*/
table.template_mpa thead.selector_filter tr td:hover:not(.not-sort), table.template_mpa thead.selector_filter tr th:hover:not(.not-sort) {
    background-color: var(--primary-shadow-color);
    border: 1px solid var(--primary-shadow-color);
}

/*Añadir leyenda a la tabla (un ejemplo claro en frm_inicio de newsletter)*/
table.template_mpa thead tr td .square,table.template_mpa thead tr th .square {
    width: 26px;
    height: 10px;
    display: inline-table;
    padding-right: 5px;
    margin-right: 5px;
    margin-left: 20px;
    border: 1px solid black;
}


table.template_mpa tbody tr{
    background: var(--blanco);
}

/*Añade una barra de scroll siempre visible*/
table.template_mpa.addScrollin thead, table.template_mpa.addScrollin tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
table.template_mpa.addScrollin thead {
    width: calc( 100% - 17px );
}
table.template_mpa.addScrollin tbody {
    display: block;
    height: 100%;
    overflow-y: scroll;
}

/*Añade color interior a toda la fila*/
table.template_mpa tbody.bg_row tr:hover {
    background-color: var(--secondary-ultralight-color);
}

/*Añade borde exterior a la celda*/
table.template_mpa tbody.border-line {
    background: #fff;
    border: 1px solid var(--secondary-ultralight-color);
}

/*añade color interior a una celda*/
table.template_mpa tbody tr td.bg_cell{
    background: var(--secondary-masterlight-color);
}

/*añade color interior a las filas impares del pijama*/
table.template_mpa tbody.pijama tr:nth-child(even) {
    background: var(--secondary-masterlight-color);
}
/*añade color interior a las filas pares del pijama*/
table.template_mpa tbody.pijama tr:nth-child(odd) {
    background: var(--blanco);
}

/*Clase dentro del tr para asignar el pijama directamente*/
table.template_mpa tbody tr.pijama {
    background: var(--secondary-masterlight-color);
}
table.template_mpa tbody tr.no-pijama {
    background: var(--blanco);
}

/*Clase dentro del tr para asignar el pijama directamente*/
table.template_mpa tbody tr.pijama:not([class*='pijama-']) td:first-child, table.template_mpa tbody tr.no-pijama:not([class*='pijama-']) td:first-child{
    border-left: 1px solid var(--secondary-ultralight-color);
}
table.template_mpa tbody tr.pijama td:last-child, table.template_mpa tbody tr.no-pijama td:last-child {
    border-right: 1px solid var(--secondary-ultralight-color);
}
table.template_mpa tbody:hover tr.pijama:first-child td,table.template_mpa tbody:hover tr.no-pijama:first-child td {
    border-bottom: 0px solid var(--secondary-masterlight-color);
}

/*añadir radius en el pijama*/

table.template_mpa tbody tr[class^='pijama']:last-child td:first-child {
    -moz-border-radius-bottomleft: var(--global-radius);
    -webkit-border-bottom-left-radius: var(--global-radius);
    border-bottom-left-radius: var(--global-radius);
}
table.template_mpa tbody tr:not([style*='display:none'])[class^='pijama']:last-child td:last-child {
    -moz-border-radius-bottompright: var(--global-radius);
    -webkit-border-bottom-right-radius: var(--global-radius);
    border-bottom-right-radius: var(--global-radius);
}

/*añade color de borde a las filas impares*/
table.template_mpa tbody tr.pijama-col1 td {
    border-bottom: 0px solid var(--secondary-ultralight-color);
}
/*añade color de borde a las filas pares*/
table.template_mpa tbody tr.pijama-col2 td {
    border-bottom: 1px solid var(--secondary-ultralight-color);
}
/*añade color de borde a las filas impares*/
table.template_mpa tbody tr.pijama-col1 td:first-child {
    border-left: 1px solid var(--secondary-ultralight-color);
}
/*añade color de borde a las filas pares*/
table.template_mpa tbody tr.pijama-col2 td:first-child:not([colspan="12"]) {
    border-left: 1px solid var(--secondary-ultralight-color);
}

table.template_mpa tbody tr.pijama:hover {
    background: var(--secondary-masterlight-color);
}

table.template_mpa tbody:hover tr.pijama-col1 td[rowspan='2'] {
    border-bottom: 1px solid var(--secondary-ultralight-color);
}
table.template_mpa tbody tr.pijama-col1 td[rowspan='2'] {
    border-left: 1px solid var(--secondary-ultralight-color);
    border-bottom: 1px solid var(--secondary-ultralight-color);
}


/*CONTENEDORES*/

.container-box1 {
    background: var(--blanco);
    border: 1px solid var(--secondary-ultralight-color);
    border-radius: var(--global-radius);
}

.container-box1.cnt-mrg{
    margin-top:10px;
}