/* 
    Created on : 09-feb-2019, 12:15:59
    Author     : carlos
*/
/*:root {
  production: #0D58A6;
  devel: orange;
  archive: #808080;
  recycled: red;
  
}*/
/*
input {
    border: 2px inset white;
    background-color: white;
    color: black;
    -moz-appearance: none !important;
}
 
input[type="radio"],
input[type="checkbox"] {
    border: 2px inset white !important;
    background-color: white !important;
    color: ThreeDFace !important;
    -moz-appearance: none !important;
}
 
*|*::-moz-radio {
    background-color: white;
    -moz-appearance: none !important;
}

*/ 

html,body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
body:after{
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: url('../images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249,0.5);
}

.welcome_panel {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 20px;
    
}

#main_menu {
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-self: flex-end;
    width: 100%;
}
#main_menu .source_portal .the_main_title {
    flex-grow: 2;
    flex-shrink: 0;
    font-size: 2vw;
    color: #626262;
}
.source_portal {
    display: flex;
    flex-direction: row;
    font-size: 31.5px;
    /*color: #0D58A6;*/
    /*padding-left: 5px;*/
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    justify-content: space-between;
    align-items: center;
}
.title_center {
    /*padding-left:10px;*/
    width:100%;
    display:flex;
    align-items: center;
/*    flex-direction:column;
    justify-content:center;*/
}
.title_center #the_logo {
object-fit: scale-down;
    width: 20vh;
    max-height: 7vh;
    margin-left: 50px;
    margin-right: 50px;
    padding: 4px;
}




.wrapper {
    padding-top: 0px;
    padding-bottom: 15px;
    flex: 2;
    display:flex;
}
.containercentered {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.containervertical {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}
.flex_centered {
    align-items: center;
    
}
.miajax {
    
}
.mimodal {
    /*display: none;*/
    padding: 10px;
    position: fixed;
    height: 40px;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 360px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background: url('../images/ajax-loader.gif') 50% 50% no-repeat white;
    /*background-clip: padding-box;*/
    outline: none;
}

/*.mimodal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;  to make it responsive 
    width: 100vw;  to make it responsive 
    overflow: hidden; to remove scrollbars 
    z-index: 99999; to make it appear on topmost part of the page 
    display: none; to make it visible only on fadeIn() function 
    background: url('../images/ajax-loader.gif') 50% 50% no-repeat white;
}*/
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
/*body.loading {
    overflow: hidden;   
}*/

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading {
    /*overflow: hidden;*/
}
/*body.loading .loader {
    display: block;
}*/
.loader {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: url('../images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249,0.3);
}
header {
    cursor: pointer;
    /*border-bottom: 1px solid gainsboro;*/
    /*border-bottom-color: gainsboro;*/
    /*border-bottom-style: solid;*/
    /*border-bottom-width: 0.1px;*/
    /*padding: 2px;*/
    /*background-color: gainsboro;*/
}
footer {
    display:flex !important;
    padding-left: 10px;
    padding-right: 10px;
    flex-direction: row;
    justify-content: space-between;
    clear: both;
    /*width: 100%;*/
    position: fixed;
    z-index: 1000 ;
    bottom: 0px ;
    left: 0px ; 
    right: 0px ; 
    
    
    box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, 0.5);
    text-shadow: 1px 1px 1px #000000;
    /*background: #003594;*/
/*    background:  #EEF4F7;
    linear-gradient(#0D58A6, #4188D3) repeat scroll 0% 0% transparent;*/
    color: white;
    /*background: white;*/
    /*#003594;*/
    /*padding-bottom: 4px;*/   
    margin-top: 10px;
    background-color: gainsboro;
}

#the_logo_central {
            object-fit: contain;
            max-height: 35vh;
            max-width: 55vh;
            /*margin-top:20px;*/
            margin-bottom:10px;
            cursor: pointer;
            /*max-width: none;*/
}
#the_logo_central_welcome {
    object-fit: contain;
    max-height: 25vh;
    max-width: 45vh;
    padding:5vh;
    cursor: pointer;
}
#cats {
        display: flex;
        flex-direction: row;
        height: 800px;
        width: 100%;        
}
.cats_title_body1 {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    background-color: gainsboro;
    color: white;
    justify-content: space-around;
    align-items: center;
}
.cats_title_body2 {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    background-color: gainsboro;
    color: white;
    justify-content: space-around;
    align-items: center;
}
#map_body {
        display:flex;
        flex-direction:row;
        width:100%;        
        padding-bottom: 50px;
}
#mapa {
        width: 100%;
        position: relative;
        inset: 0px;
        height: 800px;
        overflow: hidden;
}
#report_box {
        width: 50%;
        flex-direction: column;
        height: 800px;
        display: block;
        z-index: 1000;
}
#lang_selector {
    display:flex;
    flex-direction:row;
}
.row_complex {
    display:flex;
    flex-direction:row;
    width:100%;
    padding-right:20px;
    /*padding-left:20px;*/
}
.row_complex_item {
    display:flex;
    flex-direction:column;
    padding-right:20px;
}
.row {
    margin-top:20px !important;
    margin-bottom:20px !important;
    margin-left:0px !important;
    margin-right:0px !important;
    /*color: var(production);*/
}
.row label {
    background-color: gainsboro;
    color: #333;
    padding: 3px;
}
#bottom {
    margin-top: 0px;
}

.buttons_form {
    /*background-color: #c3e76b;*/
    text-align: center;
    padding: 10px;
    clear:both;
}
.qbutton {
    background-color:#ffffff;
    border:1px solid #bcbcbc;
    border-radius:5px;
    color:#fff;
    margin-right:10px;
    padding:10px 10px 10px 10px;
}

.cabecera {
    margin: 20px;
    /*padding: 5px;*/
    /*margin-top: 20px;*/
    min-width: 95%;
}
.table {

    max-width: 100%;
    margin-bottom: 20px;

}
.oculto {
    display:none;
}


.new_menu {
    display: flex;
    align-items: center;
    width: 100%;
}
.new_menu .mobile-menu {
    margin-top: 0px;
} 
.new_menu h4 {
    margin-left: 20px;
    margin-right: 20px;
}



/** > #module_selector {
    position: fixed;
}
#module_selector {
    position: absolute;
}
#module_selector {
    position: fixed;
    left: 0;
    top: 25%;
    bottom: 50%;
    width: 12em;
    margin: -2.5em 0 0 0;
    z-index: 5;
    background: hsla(80, 90%, 40%, 0.7);
    color: white !important;
    font-weight: bold;
    font-size: large;
    text-align: left;
    border: solid hsla(80, 90%, 40%, 0.5);
    border-left: none;
    padding: 0.5em 0.5em 0.5em 2em;
    box-shadow: 0 1px 3px black;
    border-radius: 0em 1em 1em 0em;
}
#module_selector li {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 85%;
}
#module_selector a {
    color: white !important;
    text-align: center;
}
#module_selector a:hover {
    background: white;
    color: hsla(80, 90%, 40%, 0.5) !important;
    background: #FF9901;
    color: white !important;
    padding: 2px;
    text-decoration: none;
}*/
#module_name {
    
}

.buttons_bottom {
    margin-top: 20px;
    margin-bottom: 10px;
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    background-color: #ffe9b1;
    align-items: center;
    
}
.buttons_bottom button {
    margin: 10px;
    
}

.myflat-menu ul {
    /*width: 160px;*/
}
.myflat-menu li a {
    font-weight: lighter;
    text-decoration: none;
    padding: 5px;
    display: block;
}


a#touch--menu {
    display:none;
}


#lang_selector {
/*    max-width:100px;
    float:right;    
    padding: 1px;
    text-align: center;
    margin: 10px;
    color: white;
    font-weight: bold;*/
}
#lang_selector a {
    /*color: white;*/
    /*font-weight: bold;*/
    padding: 1px;
}
#lang_selector .lang_selected {
    background: cyan;
    color: blue;
    /*font-weight: bold;*/
}
#lang_selector .lang_selected a {
    color: blue;
    /*font-weight: bold;*/
}

#lang_selector .lang_unselected {
    background: transparent;
    /*color: white;*/
    /*font-weight: bold;*/
}
#lang_selector .lang_unselected_white {
    background: transparent;
    color: white;
    /*font-weight: bold;*/
}
#lang_selector .lang_unselected a {
    /*font-weight: bold;*/
}

#cookiediv {
    position: fixed;
    z-index: 100000;
    left: 0;
    right: 0;
    bottom: 0;
    color: rgb(255, 255, 255); 
    background:linear-gradient(#0D58A6, #4188D3) repeat scroll 0% 0% transparent;
}
.cookiedivcontainer {
    padding:10px;
    margin: 0px;
    text-align: center;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
    .cookiedivbuttons {
        display:flex;
        flex-direction: row;
        justify-content: center;
    }

.back_blue {
    background-color: #003594;
    color: white;
}
.back_blue:hover {
    background-color: #35A5D6;
    color: white;
}
#btn_home {
    color: white;
    margin: 8px;
    padding: 8px !important;
    border-radius: 10px;
    font-weight: bold;    
}
nav {
    margin: 0px 0 !important;
    background-color: transparent !important;

}
#module_selector nav {
    /*padding-right: 110px;*/
    background-image: url("../images/qdecalidad_grey.png");
    background-size: 90% 90%;
    background-repeat: no-repeat;
    position: relative;
    bottom: 5px;
    background-position: right;
    background-size: 100px;
    padding-right: 100px;
}
nav ul {
    padding: 0;
    margin: 0 0 0px 0px;
}
.myflat-menu li a {
    color: white;
}


.style .master {      background: linear-gradient(#3E4156,#7c878d) !important; }

.production_reverse {   
    background-color: #0D58A6; 
}
.devel_reverse {        
    background: orange;
}
.archive_reverse {       
    background: #808080; 
}
.recycled_reverse {
    background: red;
}

/*.master {      background: linear-gradient(#3E4156,#7c878d) !important; }
.production {   
    background: linear-gradient(#0D58A6,#4188D3); 
}
.devel {        
    background: orange; linear-gradient(#FFc009,#FFd868);
}    
.archive {       
    background: #808080 !important; 
}
*/
.master nav {
  /*position: fixed;*/
  width: 100%;
  height: 40px;
/*  background: 
      url("../images/image5_75.png") no-repeat 95% 50%, 
      linear-gradient(#3E4156,#7c878d) !important;*/
  margin: 0px 0  !important;
}

.production .myflat-menu li a  {
    /*color: #0D58A6 !important;*/
    color: #5f6f77 !important;
}
.devel .myflat-menu li a  {
    /*color: #0D58A6 !important;*/
    color: #5f6f77 !important;
}
.archive .myflat-menu li a  {
    /*color: #0D58A6 !important;*/
    color: #5f6f77 !important;
}
.recycled  .myflat-menu li a  {
    color: #5f6f77 !important;
}
/*.production .myflat-menu li a:hover {

    background: orange;
    color: white !important;

}*/
/*.production  .myflat-menu li a:hover, .production  .myflat-menu li:hover {
    color: white !important;
    background: #9CA3DA;
}*/
/*.production .myflat-menu .sub-menu li:focus {
    color: white !important;
}
.devel .myflat-menu .sub-menu li:focus  {
    color: white !important;
}
.archive .myflat-menu .sub-menu li:focus  {
    color: white !important;
}*/





span .style .production {
    background-color: #0D58A6 !important;
}
span .style .devel {
    background-color: orange !important;
}
span .style .archive {
    background-color: #808080 !important;
}
span .style .recycled {
    background-color: red !important;
}

.myflat-menu li a span .caret {
    background-color: transparent  !important;
}


header#header.production {
    color: #0D58A6; 
    background-color: transparent;
}
header.devel {
    color: orange;
    background-color: white;
}
header.archive {
    color: #808080;
    background-color: white;
}
header.master {
    color: #009421;
    /*background-color: black;*/
}
header.recycled {
    color: red;
    background-color: white;
}

#title_welcome {
    
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}
#title_item {
    /*display: flex;*/
    display: none;
    justify-content: center;
    align-items: center;
    padding-left: 12px;
    /*padding-right: 12px;*/
    /*background: url("../images/only_q.png") no-repeat 2% 50%, #4188D3 !important;*/
    /*color: white;*/
    min-width: 10%;
    padding-left: 45px;
    background-image: url("../images/only_q.png");
    background-size: 80%;
    background-repeat: no-repeat;
    /*position: relative;*/
    bottom: 5px;
    background-position: 6px center;
    background-size: 40px;
    
}
#title_item h6, #title_item #current_mod {
    display: table;
    text-align: center;
    /*margin-right: 20px;*/
    text-shadow: 1px 1px 1px #000000;
}
#title_item .myflat-menu li a:hover, #title_item .myflat-menu li:hover > a {
    background-color: transparent;
}
#logout_div {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-left: 50px;
    /*min-width: 8%;*/
    padding: 2px;
    margin-right: 6px;
    /*align-self: last baseline;*/

}
#logout_div a {
    padding-bottom: 6px;
    padding-top: 6px;
}
#module_selector {
    display:flex;
    flex-direction:row;
    width:100%;
    padding:20px;
}
#module_selector .myflat-menu li {
    background: white;
    color:#626262 !important;
    /*border: 1px solid gainsboro;*/
    margin:5px;
    padding: 2px;
}
#module_selector .myflat-menu li a {
    background: white;
    color:#626262 !important;
}
#module_selector .myflat-menu .sub-menu {
    margin-top: 1px;
    z-index: 1001;
}
#module_selector .myflat-menu li a:hover, #module_selector .myflat-menu li:hover > a {
    background: orange;
    color:white !important;
}
/*pendiente de comprobación*/
#module_selector .myflat-menu li a div.selected:hover, #module_selector .myflat-menu li:hover > a  div.selected{
    background: orange;
    color: white !important;
}
/*pendiente de comprobación*/
#module_selector nav ul.myflat-menu {
    z-index: 1;
}
/*pendiente de comprobación*/
#main_menu nav ul.sub-menu > li a , #main_menu nav ul.sub-menu > li:hover {
    z-index: 1000;
}
.caret_white {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid white;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    margin: 6px;
}
header.production #title_item.title_item_guest {
    /*background-color: #0D58A6 !important;*/
    background-color: transparent !important;
    color: white;
}
header.production #title_item, header.production #current_mod {
    background-color: #0D58A6 !important;
    /*background-color: transparent !important;*/
    color: white;
}
header.devel #title_item, header.devel #current_mod {
    background-color: orange !important;
    color: white;
}
header.archive #title_item, header.archive #current_mod {
    background-color: #808080 !important;
    color: white;
}
header.master #title_item, header.master #current_mod {
    background-color: black !important;
    color: white;
}
header.recycled #title_item, header.papelera #current_mod {
    background-color: red !important;
    color: white;
}

#title_item {

    /*padding-left: 50px;*/
    /*padding-right: 25px;*/
    color: white;

}
footer.guest {
    background-color: transparent;
    color: #0D58A6;
}
footer.production {
    background-color: #0D58A6;
    /*background-color: transparent;*/
    color: white;
    /*color: #0D58A6;*/
}
footer.devel {
    background-color: orange;
    color: white;
}
footer.archive {
    background-color: #808080;
    color: white;
}
footer.master {
    background-color: black;
    color: white;
}
footer.recycled {
    background-color: red;
    color: white;
}

.tit_categoria_captura {
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin-top: 0px;
    /*background-color: gainsboro;*/
    /*background-color: #FFFA92;*/
    /*border: 0.1px solid gainsboro;*/
    color: #626262;
    /*margin-right: 20px;*/
    /*width: 100%;*/
}
.tit_categoria_gris {
    display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin-top: 50px;
    background-color: #7C878D;
    border: 0.1px solid gainsboro;
    color: white;
    /*color: #0D58A6;*/
    /*margin-right: 20px;*/
    width: 90%;
}
.tit_categoria_nolinks {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    margin: 50px;
    border: 0.1px solid gainsboro;
    width: 90%;
}
.tit_categoria_captura h3, .tit_categoria_nolinks h3, .tit_categoria_gris h3 {
    margin: 5px;
    /*color:#2e6ab1;*/
    font-size: 24.5px;
    line-height: 40px;
    /*text-shadow: 1px 1px 1px #626262;*/
    
}
.tit_categoria_captura h6, .tit_categoria_nolinks h6, .tit_categoria_gris h6 {
    margin: 5px;    
    text-shadow: 1px 1px 1px #000000;
}
.tit_categoria_captura p, .tit_categoria_nolinks p, .tit_categoria_gris p {
    margin: 5px;
    /*color:#2e6ab1;*/
    /*color:white;*/
    /*color:#0D58A6;*/
    font-size: 24.5px;
    line-height: 40px;
    font-weight: bold;
    
}
.tit_categoria_gris p {
    margin: 5px;
    color:white;
    font-size: 24.5px;
    line-height: 40px;
    font-weight: bold;
    
}
.tit_categoria_captura a, .tit_categoria_nolinks a, .tit_categoria_gris a {
    margin: 5px;
    color:#626262;
}
.table-responsive table {
    width: 100%;
}
.table-responsive  thead {
    position: sticky;
    top: 0;
}

.table-responsive thead th ,.table-responsive td {
    text-align: center;
}
.table-responsive th {
    background-color: gainsboro;
    color: #333;
}
.table-striped th {
    background-color: gainsboro;
    color: #333;    
}
.table-striped tbody > tr:nth-child(2n+1) > th {
    background-color: gainsboro;
}
.table-responsive td {
    cursor: pointer;
    font-weight: bold;
}

/*.production nav {
  background: 
      url("../images/image5_75.png") no-repeat 99% 50%, 
      #0D58A6;
      linear-gradient(#0D58A6,#4188D3) !important;
  margin: 0px 0  !important;
}
.devel nav {
  background: orange;
      url("../images/image5_75.png") no-repeat 95% 50%, 
      #FFc009;
      linear-gradient(#FFc009,#FFd868) !important;
  margin: 0px 0  !important;
}
.archive nav {
  background: 
      url("../images/image5_75.png") no-repeat 95% 50%, 
      #808080;
      linear-gradient(#808080,#6ede87) !important;
  margin: 0px 0  !important;
}*/
.en_linea {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}
.right {
    float: right;
}
.UrlColumn {
    display: none;
}
.grid-view {

    margin-bottom: 70px;

}

.grid-view thead {
    background-color: gainsboro;
    color:#626262;
    position: sticky;
    border: solid 1px #89cdeb;
    top: 0;
}
.grid-view table.items th, .grid-view table.items th a {
    /*background-color: white;*/
    font-weight: normal;
    background-color: transparent;
}
.grid-view .summary {
/*    color: white;
    background-color: #7c878d;*/
    /*color: #7c878d;*/
    color:#626262;
    background-color: transparent;
    float: left;
}
.grid-view table.items tr.filters td {
    /*background-color: transparent;*/
}
.grid-view table.items {
    /*background-color: #f6f9ff;*/
}
.grid-view table.items th.grid_header_grouped {
    /*border: 1px solid white;*/
    border-left: 1px solid gainsboro;
    border-top: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
    border-color: white;
    /*background-color: #e0ebab;*/
}

.paginador {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    color: transparent;
    /*color: white;*/
    /*background-color: #7c878d;*/
}
ul.yiiPager a:link, ul.yiiPager a:visited {
    border: none;
    font-weight: normal;
    /*color: #7c878d;*/
    color:#0D58A6;
    padding: 1px 6px;
    text-decoration: none;
}
ul.yiiPager .selected a {
    /*background: white;*/
    /*background: #7c878d;*/
    background: #4e8ac8;
    /*color: #7c878d;*/
    color: white;
    font-weight: bold;
}
.paginador ul.yiiPager .first, .paginador ul.yiiPager .last {
    display: inline-block;
}


#floatingdialog {
    z-index: 1000;
    padding: 20px;
    width: 40%;
    background: white;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
     
}

.botonera {
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    /*justify-content: center;*/
    align-items: baseline;
    color: white;
    /*color: #0D58A6;*/
}
.kilo_info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    cursor:pointer;

    
    /*background-color: transparent;*/
    background-color: gainsboro;
    border: 1px solid #fff;
    /*color: blue;*/
    color: #626262;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    /*border-radius: 8px;*/
    /*font-weight: bold;*/
    
    
/*    position: relative;
    top: 50%;
    transform: translateY(-50%);    */
    
/*display: inline-block;*/
/*margin-top: 15px;*/    
    
}
.kilo_info img {
/*    padding-top: 8px;
    padding-bottom: 8px;*/
}
.kilo_info:hover {
    /*color:yellow;*/
    color:white;
    background-color: #FF9901;
    
    text-decoration:none;
}
.kilo_info_mid {
    font-size:10px;
    cursor:pointer;

    /*background-color: transparent;*/
    background-color: #4e8ac8;
    border: 3px solid #fff;
    /*color: blue;*/
    color: white;
    padding: 4px;
    /*border-radius: 8px;*/
    /*font-weight: bold;*/
    
/*    position: relative;
    top: 50%;
    transform: translateY(-50%);    */
    
/*display: inline-block;*/
/*margin-top: 15px;*/    
    
}
.kilo_info_mid:hover {
    /*color:yellow;*/
    /*color:white;*/
    background-color: #FF9901;
    text-decoration:none;
    color: white !important;
}


.kilo_info_reverse {
    cursor:pointer;

    background-color: #5fb301; /*transparent*/
    color: white; /*#ADFF3F*/
    
}
.kilo_info_reverse:hover {
    background-color: yellow; /*#ADFF3F;*/
    color:black;
}
.kilo_info_reverse {
    cursor: pointer;
    background-color: #FFB240;
    border: 3px solid #fff;
    color: black;
    padding: 4px;
/*    border-radius: 8px;
    font-weight: bold;*/
/*    position: relative;
    top: 50%;
    transform: translateY(-50%);*/
    /* display: inline-block; */
    /* margin-top: 15px; */
}
.kilo_info_grey {
    cursor: pointer;
    background-color: gainsboro;
    border: 3px solid #fff;
    /*color: blue;*/
    padding: 4px;
/*    border-radius: 8px;
    font-weight: bold;*/
/*    position: relative;
    top: 50%;
    transform: translateY(-50%);*/
}
.kilo_info_nak {
    cursor: pointer;
    background-color: gainsboro;
    border: 3px solid #fff;
    color: black;
    padding: 4px;
/*    border-radius: 8px;
    font-weight: bold;*/
/*    position: relative;
    top: 50%;
    transform: translateY(-50%);*/
    /* display: inline-block; */
    /* margin-top: 15px; */
}
#row_0_1 {
    width:100%;
    display: flex;
    flex-direction:row;
    justify-content:space-evenly;
    align-items:center;
    height:auto;
    color:black;
    border:5px solid gainsboro;
    border-right-color: gainsboro;
    border-right-style: solid;
    border-right-width: 120px;
    border-left-color: gainsboro;
    border-left-style: solid;
    border-left-width: 120px;
    /*background-color: #e0ebab;*/
}

.legal h1 {
    font-size:34px;
    line-height:2em;
    margin-top: 60px;
    background: white;
    color: #0D58A6;
}
.legal h2 {
    margin-top: 60px;
    line-height:2em;
    padding: 2px;
    color: white;
    background: #0D58A6;
}
.legal h3 {
    margin-top: 60px;
    line-height:2em;
    padding: 2px;
    color: white;
    background: #0D58A6;
}
.legal table {
    border-collapse: collapse;
}
.legal th {
    background: greenyellow;
    border: 1px solid white; 
}
.legal td {
    background: white;
    border: 1px solid gainsboro; 
    text-align: center;
    font-weight: bold;
}

.legal p, .legal li  {
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 15px;
    font-size:1.2em; 
}
.legal .marca {
    color: blue;
    font-weight: bold;
}
.legal .recuadro {
    margin: 20px;
}
.centrado {
    text-align: center;
    /*margin-top: 15px;*/
}
.recuadro {
    /*margin: 20px;*/
    padding: 30px;
    /*background: gainsboro;*/
}
.grid-view table.items tr.odd.selected td {
    background: orange;
}
.grid-view table.items tr.even.selected td {
    background: orange;
}

.grid-view table.items tr.odd {
    background: #f8f8f8;
    /*background: white;*/
}
.grid-view table.items td  a {
    margin-right: 5px;
    margin-left: 5px;
}
#div_users_available,#div_countries_available {
    background:gainsboro;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    padding:20px;
}
#div_users , #div_countries {
    /*background:gainsboro;*/
    /*flex-grow: 1;*/
}
#div_users_sel, #div_countries_sel {
    /*flex-grow: 1;*/
}
.app_user_item, .app_ro_item, .app_restricted_item, .app_admin_item, .app_country_item {
    cursor:pointer;
    /*background-color:rgb(255, 255, 0);*/
    background-color: white;
    margin:5px;
    padding:5px
}
#editor_zone {
    display:flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}
.selected {
    background: yellow;
    /*text-align: right;*/
}
.selected:hover {
    /*background: #0D58A6;*/
    color: #737370;
    text-align: right;
}

#acciones {
    display: flex;
    flex-direction: column;
    
    position:fixed;
    left: 92%;
    top: 50%;
}
#acciones a {
    margin:5px;
    padding:5px;
}
.informe {
    

    padding:15px;
    margin-top:-10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 25px;
    
    box-shadow: 2px 2px 2px 2px rgba(100, 100, 100, 0.5);
    
    display:block;
    
    overflow: auto;
    
    min-width: 80%;
    
}
.informe .subtabla table th, .informe .subtabla table td {
    font-size: 0.6em;
    line-height: 1.2em;
}
.informe .subtabla table th {
    background: linear-gradient(#FF9901,#FF9901);
    background: #FF9901\9;
    *background: #FF9901;
    
}

.informe input[type="radio"], .informe input[type="checkbox"], .informe input[type="radio"][disabled], .informe input[type="checkbox"][disabled], .informe input[type="radio"][readonly], .informe input[type="checkbox"][readonly] {
    width: 25px;
    height: 25px;
}
.nuevo_informe {
/*    min-width: 400px;*/
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 50px;
    padding: 15px;
    /*background-color: #7c878d;*/
    /*border-radius: 12px;*/
    
}
.nuevo_informe a, .nuevo_informe button {
/*    margin-right:22px;
    margin-right:22px;
    font-size: 1.1em;
    padding: 5px;
    
    display: inline-block;*/

    margin-right:10px;
    
    
}
.al_centro {
    text-align: center;
}
.kilo_info2 {
    cursor:pointer;

    background-color: transparent;
    border: 3px solid #fff;
    color: white;
    padding: 8px;
    /*border-radius: 8px;*/
    font-weight: bold;
    
/*    position: relative;
    top: 50%;
    transform: translateY(-50%);    */
    
/*display: inline-block;*/
/*margin-top: 15px;*/    
    
}
.kilo_info2:hover {
    /*color:yellow;*/
    color:white;
    background-color: #FF9901;
    text-decoration:none;
}
.titulo_galeria_horizontal {
    
    
    
  margin:10px;
  margin-top: 20px;
  box-shadow: 0px 0px 0px rgba(100, 100, 100, 0.5);

  text-shadow:1px 1px 1px #000000;

  padding: 10px;
  
  overflow: auto;
  overflow-y: hidden;
  
  min-width: 50%;
  
  z-index: -1;
  
  
    background: url("../images/glyphicons_free/glyphicons/png/glyphicons_217_circle_arrow_right.png") top left no-repeat, linear-gradient(#4188D3,#70ABE9);
    padding-left: 35px;
    color: white;

  
}
table.consultas th {

    background: greenyellow;
    text-align: center;
    border: 1px solid gainsboro;

}
table.consultas td.group {

    background: gainsboro;
    text-align: center;
    color: black;
    border: 1px solid whitesmoke;

}
table.consultas td.numeric {

    text-align: right;

}
table.consultas td.numeric {

    text-align: right;

}
table.consultas td {

    border: 1px solid gainsboro;

}
table.consultas td {

    border: 1px solid gainsboro;

}
.row {
    margin-left: 5px;
}
.row input, .row button {
    margin: 5px;
}
.innerrow {
    display:flex;
    flex-direction:row;

}
.odd {
    background: #f3f9fb;
}
.formrow {
    width: 100%;
    clear: both;
    /*margin-bottom: 40px;*/
    overflow: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
}
.rowcaption {
    padding-left: 10px;
    padding-top: 10px;
}
.margin10 {
    margin:10px;
}

.valorgrande {
    color: #2e6ab1;
    text-align: right;
}

.h2_result {
    margin-top: 100px;
}
#tabla_levels td input {

    width: 70px;
    text-align: center;
    font-weight: bold;
    font-size: 1.5em;
    padding: 15px;

}
* > #menu_audit {
    position: fixed;
}
#menu_audit {
    position: absolute;
}
#menu_audit {
    position: fixed;
    right: 0;
    top: 50%;
    width: 11em;
    /*margin: -2.5em 0 0 0;*/
    z-index: 5;
    background: hsla(80, 90%, 40%, 0.7);
    color: white !important;
    font-weight: bold;
    font-size: large;
    text-align: left;
    border: solid hsla(80, 90%, 40%, 0.5);
    border-right: none;
    /*padding: 0.5em 0.5em 0.5em 2em;*/
    box-shadow: 0 1px 3px black;
    border-radius: 1em 0em 0em 1em;
}
#menu_audit li {
    margin-top: 5px;
    margin-bottom: 5px;
}
#menu_audit a {
    color: white !important;
}
#menu_audit a:hover {
    background: white;
    color: hsla(80, 90%, 40%, 0.5) !important;
}

.toolbar_audit {
    margin-top: 45px;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
    height: 90px;
    width: 100%;
    display: flex;
    align-items: inherit;
    justify-content: center;
}
.toolbar_audit a {
    padding: 20px 20px 25px 20px !important;
    margin-left:15px;
    font-size: 1.1em;
    /*height: 90px;*/
/*    padding: 5px;    */
}
.toolbar_audit button {
    padding: 20px 20px 20px 20px !important;
    margin-left:15px;
    font-size: 1.1em;
    height: 90px;
/*    padding: 5px;    */
}
.toolbar_audit .botonera {
        text-align: center;

}
.result {
    text-align: center;
    background: orange;
}

.result_green {
    text-align: center;
    background: greenyellow;
    color: white;
    box-shadow: 0 1px 3px gray;
}
.result_amber {
    text-align: center;
    background: orange;
    color: white;
    box-shadow: 0 1px 3px gray;
}
.result_blue {
    text-align: center;
    background: blue;
    color: white;
    box-shadow: 0 1px 3px gray;
}
.result_red {
    text-align: center;
    background: red;
    color: white;
    box-shadow: 0 1px 3px gray;
}
.result_audit {
/*    min-width: 400px;*/
    margin-top: 45px;
    margin-bottom: 45px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 90px;
    
}
.result_audit a {
    padding: 20px 20px 25px 20px !important;
    margin-left:15px;
    font-size: 1.1em;
    /*height: 90px;*/
/*    padding: 5px;    */
}
.result_audit button {
    padding: 20px 20px 20px 20px !important;
    margin-left:15px;
    font-size: 1.1em;
    height: 90px;
/*    padding: 5px;    */
}
.kilo_verde {
    background-color: #3CBA0D;
    /*border: 3px solid #fff;*/
    color: white;
    padding: 6px 6px 6px 6px !important;
    border-radius: 8px;
    font-weight: bold;
    
    
}
.kilo_verde:hover {
    text-decoration: none;
    color:white;
    background-color: #2a9602;
}



.kilo_azul {
    background-color: #35A5D6;
    /*border: 3px solid #fff;*/
    color: white;
    padding: 6px 6px 6px 6px !important;
    border-radius: 8px;
    /*font-weight: bold;*/
}
.kilo_azul:hover {
    color:white;
    background-color: #0085bf;
}
.kilo_danger_medium {
    background-color: #DD3321;
    /*border: 3px solid #fff;*/
    color: white;
    padding: 6px 6px 6px 6px !important;
    border-radius: 12px;
    font-weight: bold;
    
}
.kilo_munoz_medium {
    background-color: #35a5d6;
    /*border: 3px solid #fff;*/
    color: white;
    padding: 6px 6px 6px 6px !important;
    border-radius: 12px;
    font-weight: bold;
    
}
.toolbar_ncs {
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 90px;
    
}
.toolbar_ncs a {
    padding: 10px 10px 15px 10px !important;
    margin-left:15px;
    font-size: 1em;
    /*height: 90px;*/
/*    padding: 5px;    */
}
.toolbar_ncs a:hover {
    padding: 10px 10px 15px 10px !important;
    margin-left:15px;
    font-size: 1em;
    color: #35a5d6;
    background-color: cyan;
    /*height: 90px;*/
/*    padding: 5px;    */
}

.boxshadow {
    box-shadow: 0 1px 3px gray;    
}

table.tableaudits2 {
    /*margin-bottom: 25px;*/
    /*margin-left: 25px;*/
    table-layout:fixed; 
    width:100%;
    box-shadow: 0 1px 3px gray;
}
table.tableaudits2 th {overflow: hidden;}
table.tableaudits2 tr th.col1,td.col1 {width:36%;}
table.tableaudits2 tr th.col2,td.col2 {width:26%;}
table.tableaudits2 tr th.col3,td.col3 {width:26%;}
table.tableaudits2 tr th.col4,td.col4 {width:12%;}
table.tableaudits2 td a {margin:0px; padding: 0px;}
table.tableaudits2 td a:hover {color: orange;}

table.tableaudits2 th {
    background-color: #35a5d6;
    color: white;
    border-color: black;
}
table.tableaudits2 tr.nc {
    /*background-color: #B8DFEF;*/
    border-color: black;
}
table.tableaudits2 td {
    vertical-align: top;
}



table.tableadds {
    table-layout:fixed; 
    width:100%;
}
table.tableadds td {overflow: hidden;}
table.tableadds td:nth-of-type(1) {width:65%;}
table.tableadds td:nth-of-type(2) {width:15%; text-align: center;}
table.tableadds td:nth-of-type(3) {width:20%; text-align: center;}
table.tableadds td a {margin:0px; padding: 0px;}
table.tableadds td a:hover {color: orange;}


table.tableresult {
    table-layout:fixed; 
    width:100%;
    box-shadow: 0 1px 3px gray;
}
table.tableresult td {overflow: hidden;}
table.tableresult th:nth-of-type(1) {width:20%; text-align: left;}
table.tableresult th:nth-of-type(2) {width:20%; text-align: center;}
table.tableresult th:nth-of-type(3) {width:20%; text-align: center;}
table.tableresult th:nth-of-type(4) {width:20%; text-align: center;}
table.tableresult th:nth-of-type(5) {width:20%; text-align: center;}
table.tableresult td {width:25%; text-align: center; font-size: 25px; padding: 10px; }
table.tableresult td a {margin:0px; padding: 0px;}
table.tableresult td a:hover {color: orange;}



.mitabla .summary {

    margin: 0;
    display: inline-block;
    float: left;
    font-size: 24px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;

}
.mitabla .items {
    width: 100%;
}

.mitabla th a {
    color: #FFF;
}
.mitabla th {
    color: #FFF;
    background-color: #0D58A6B3;
    /*#7C878D;*/
    /*text-align: center;*/
    padding-top: 1px;
    padding-bottom: 1px;
    border: solid 1px #89cdeb;
    text-align: center;
}
.mitabla tr {
    cursor: pointer;    
}
.mitabla tr th {
    cursor:   default;
}
.mitabla td {
    font-size: 0.9em;
    text-align: center;
    border: solid 1px white;
    padding: 2px 2px;
    /*text-align: left;*/    
}
.mitabla .esquina_der {
    border-radius: 0px 4px 4px 0px;
}
.mitabla .esquina_izq {
    border-radius: 4px 0px 0px 4px;
}
.mitabla .odd {
    background: none repeat scroll 0% 0% #EEF4F7;
}
.mitabla .even {
    background: none repeat scroll 0% 0% #F9FAFB;
}

.mitabla tr:hover td {
    background: #89cdeb;
    color: #003594;
}


.mitabla tr:hover td a {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 1.0em;
}


.mitabla tr:hover td.id_tabla {
    background: #007aac;
    /*color: #003594;*/
    color: white;
    font-weight: bold;
}

.mitabla .id_tabla {
    background: #89cdeb;
    color: white;
    font-weight: bold;
    text-align: center;
    /*font-size: 1.0em;*/
}
.mitabla td.id_tabla:hover {
    background: #007aac;
    text-align: center;
    /*font-size: 1.0em;*/
    font-weight: bold;
}
.mitabla_cab {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}
/*.mitabla #Audits_id {
    max-width: 60px;
    text-align: center;
}*/
.mitabla .filters td {
    padding: 2px;
    text-align: center;
    width: min-content;
}
.mitabla .filters input,.mitabla .filters select {
    width: 90%;
}
.mitabla .filters td #Audits_id {
    width: 60px;
}
.mitabla tbody select {
    width:100px;
}            

.summary {
    padding-bottom: 10px;
    padding-top: 18px;
}

.paginador {

    display: inline-block;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    /*color: white;*/
    color: transparent;
    background: transparent;
    float: right;

}

.valormaster {
    
    
    display:inline-block;
    background-image:url("../images/master.png");
    background-repeat:no-repeat;
    background-position:17px;    
    background-size: 40px;
    
    
    padding-left: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
    line-height: 1em;
    min-height: 8px;
    font-weight: bold;
    
}
.valorgrower {
    
    
    display:inline-block;
    background-image:url("../images/grower.png");
    background-repeat:no-repeat;
    background-position:17px;    
    background-size: 40px;
    
    
    padding-left: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
/*    font-size: 1.3em;
    line-height: 1em;
    min-height: 8px;*/
    font-weight: bold;
    
}
.valorwmt {
    
    
    display:inline-block;
    background-image:url("../images/wmt_green.png");
    background-repeat:no-repeat;
    background-position:17px;    
    background-size: 40px;
    
    
    padding-left: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
    line-height: 1em;
    min-height: 8px;
    font-weight: bold;
    
}
.valorwmtadmin {
    
    
    display:inline-block;
    background-image:url("../images/wmt_green.png");
    background-repeat:no-repeat;
    background-position:17px;    
    background-size: 40px;
    
    
    padding-left: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
    line-height: 1em;
    min-height: 8px;
    font-weight: bold;
    
}
.valorauditor {
    
    
    display:inline-block;
    background-image:url("../images/auditor.png");
    background-repeat:no-repeat;
    background-position:17px;    
    background-size: 40px;
    
    
    padding-left: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
    line-height: 1em;
    min-height: 8px;
    font-weight: bold;
    
}
.valortesco {
    
    
    display:inline-block;
    background-image:url("../images/tesco.png");
    background-repeat:no-repeat;
    background-position:17px;    
    background-size: 40px;
    
    
    padding-left: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
    line-height: 1em;
    min-height: 8px;
    font-weight: bold;
    
}
.valortescoauditor {
    
    
    display:inline-block;
    background-image:url("../images/tescoauditor_blue.png");
    background-repeat:no-repeat;
    background-position:17px;    
    background-size: 40px;
    
    
    padding-left: 85px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
    line-height: 1em;
    min-height: 8px;
    font-weight: bold;
    
}
.rTable    { display: table; 
            background: #89969B;
            color:white;
            padding: 5px;
            margin: 10px;
            
}
.rTableRow       { display: table-row; }
.rTableHeading    { display: table-header-group; }
.rTableBody    { display: table-row-group; }
.rTableFoot    { display: table-footer-group; }
.rTableCell, .rTableHead  { display: table-cell;}

#dms_lat_deg,#dms_lat_min,#dms_lat_sec,#dms_lat_hem {
    width: 60px;
}
#dms_long_deg,#dms_long_min,#dms_long_sec,#dms_long_hem {
    width: 60px;
}

.rTableCell input {
    max-width: 100px;
}


#tabla_apartados .Red, .mitabla .Red {
    
    background: #dd3321;
    background: -moz-linear-gradient(top,white,#dd3321, #dd3321, #dd3321, white); 
    background: -webkit-linear-gradient(white,#dd3321, #dd3321, #dd3321, white) !important; 
    background: linear-gradient(white,#dd3321, #dd3321, #dd3321, white) !important;
        /*background-color: #dd3321 !important;*/
    /*color: #dd3321;*/ 
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    color: white;
    
    
}
#tabla_apartados .Red a, .mitabla .Red a   {
    color: white;
}
#tabla_apartados .Amber, .mitabla .Amber {
    background: #ffd300;
    background: -moz-linear-gradient(top,white,#ffd300, #ffd300, #ffd300, white); 
    background: -webkit-linear-gradient(white,#ffd300, #ffd300, #ffd300, white) !important; 
    background: linear-gradient(white,#ffd300, #ffd300, #ffd300, white) !important; 
    /*color: #dd3321;*/ 
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    color: black;
    
}
#tabla_apartados .Amber a, .mitabla .Amber a  {
    color: black;
}
#tabla_apartados .Green, .mitabla .Green {
    background: #3CBA0D;
    background: -moz-linear-gradient(top,white,#3CBA0D, #3CBA0D, #3CBA0D, white); 
    background: -webkit-linear-gradient(white,#3CBA0D, #3CBA0D, #3CBA0D, white) !important; 
    background: linear-gradient(white,#3CBA0D, #3CBA0D, #3CBA0D, white) !important;
    
   
    /*color: #dd3321;*/ 
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    color: white;
    
}
#tabla_apartados .Green a, .mitabla .Green a {
    color: white;
}
#tabla_apartados .Blue, .mitabla .Blue {
    
    background: #3CBA0D;
    background: -moz-linear-gradient(top,white,#007aac, #007aac, #007aac, white); 
    background: -webkit-linear-gradient(white,#007aac, #007aac, #007aac, white) !important; 
    background: linear-gradient(white,#007aac, #007aac, #007aac, white) !important;
    
    /*color: #dd3321;*/ 
    font-weight: bold;
    text-align: center;
    font-size: 0.9em;
    color: white;
    
}
#tabla_apartados .Blue a, .mitabla .Blue a  {
    color: white;
}
.ajustado {

    padding: 0px;
    margin: 7px;

}
.waterfp_back {
    background-image:url("../images/wfp/background03.jpg");
    background-color: #003594;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;     
    background-size: cover;
    background-position-y: 0px;
}
.help_sys {

    padding: 20px;
    width: 40%;
    background: #f5f5f5;
        background-clip: border-box;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
    position: fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;

}
.help_sys_title {

    text-align: center;
    color: white;
    background: #003594;
    font-weight: bold;
    padding: 12px;
    cursor: pointer;
    margin-top: 40px;
    margin-bottom: 40px;
/*    margin-left: 40px;
    margin-right:  40px;*/

}
.introduction_middle_wfp {

    position: absolute;
    left: 0px;
    /*top: 120px;*/
    display: table-cell;
    vertical-align: middle;
    color: white;
    transition: transform 12s;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    background-color: blue;
    background-color: rgba(0,0,0,0.6);
    padding: 20px;

}
#main-title-wfp {

    border-radius: 10px;
    background-color: #DD3321;
    color: white;
    width: 100%;
    font-size: 2em;
    display: inline-block;
    text-align: center;
    padding: 5px;
    margin-top: 15px;

}
.kilo_login {

    cursor: pointer;
    background-color: #3CBA0D;
    border: 3px solid #fff;
    color: white;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    font-weight: bold;

}
.div_login {

    clear: both;
    position: relative;
    width: 80%;
    height: 100%;
    margin: 0 auto;
    /*padding-top: 55px;*/

}
.introduction_middle_wfp p {

    margin-top: 30px;
    font-size: 1.4em;
    line-height: 1.6em;

}
#breadCrumb {

    display: flex;
    justify-content: center;
    align-items: center;

}
.kilo_disagree {

    cursor: pointer;
    background-color: #DD3321;
    border: 3px solid #fff;
    color: white;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    font-weight: bold;

}
.kilo_disagree:hover {

    background-color: #a31000;
    color: white;
    text-decoration: none;

}
.kilo_login {

    cursor: pointer;
    background-color: #3CBA0D;
    border: 3px solid #fff;
    color: white;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    font-weight: bold;

}
.kilo_login:hover {

    background-color: #3b921a;
    color: white;
    text-decoration: none;

}
#main-title {

    position: absolute;
    left: 0px;
    top: 0px;
    color: #DD3321;
    margin-top: 25px;
    font-size: 2em;
    display: inline-block;
    height: 50px;
    line-height: 1.1em;

}
body.waterfp_back header#header {
    background-color: white;
}
body.waterfp_back .welcome_page {

    height: 400px;
    margin: 0 auto;

}
.welcome_page .centrado {

    position: relative;
    top: 50%;
    transform: translateY(-50%);

}
body.waterfp_back header#header #main_menu {
    background-color: white;
    background-image: url(../images/wfp/logo_wmt.png), url(../images/MunozGroup_Logo.png) !important;
    background-color: white !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: 90% 50% ,75% 50% !important;
    background-size: 85px ,150px !important;
}

body.waterfp_back footer.production {

    background-color: transparent;
    color: white;
    color: #0D58A6;

}
body.waterfp_back footer.production .valorcapturaok_peque_tit.left {
    display: none;
}
.jqplot-series-canvas {overflow: hidden;}