@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=e11f5528-9a58-4656-873b-1c45012daaf6&fontids=1448933,1448937,1448941");
@font-face {
  /*font-family: "DIN Next LT W04 Regular";*/
  font-family: "DIN Next";
  src: url("Fonts/1448933/bbb280b3-b74d-49f2-908d-0395516a3dc8.eot?#iefix");
  src: url("Fonts/1448933/bbb280b3-b74d-49f2-908d-0395516a3dc8.eot?#iefix") format("eot"), url("Fonts/1448933/95d17c42-537a-4cbf-a8c1-60fcc6edf28f.woff2") format("woff2"), url("Fonts/1448933/3097f8f0-50b7-4d8d-8745-6281850a1b05.woff") format("woff"), url("Fonts/1448933/ac4b95cb-49c4-493a-a895-471d763cea38.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  /*font-family: "DIN Next LT W04 Medium";*/
  font-family: "DIN Next";
  src: url("Fonts/1448937/fd94b7ac-c184-4f5c-a847-0a4785f3e98f.eot?#iefix");
  src: url("Fonts/1448937/fd94b7ac-c184-4f5c-a847-0a4785f3e98f.eot?#iefix") format("eot"), url("Fonts/1448937/cf1948b4-c50b-418b-a059-e8ed8bf0f9f1.woff2") format("woff2"), url("Fonts/1448937/bd983b7f-76bb-4f54-83bb-889fd36d60e6.woff") format("woff"), url("Fonts/1448937/63fb1f94-0e8f-4c85-b559-b0dd27ecbf5a.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  /*font-family: "DIN Next LT W04 Bold";*/
  font-family: "DIN Next";
  src: url("Fonts/1448941/435ec954-73b2-4a0c-89ed-0c36d79ee595.eot?#iefix");
  src: url("Fonts/1448941/435ec954-73b2-4a0c-89ed-0c36d79ee595.eot?#iefix") format("eot"), url("Fonts/1448941/7e3bc38e-72f2-4d0b-8e96-4c466b57b052.woff2") format("woff2"), url("Fonts/1448941/8283248b-29aa-4d91-8920-841505269e68.woff") format("woff"), url("Fonts/1448941/929bfe48-8086-4796-820d-ff0222f68dd0.ttf") format("truetype");
  font-weight: bold;
}

*
{
	font-family: "DIN Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.overthetop
{
    width: 100%;
    height: 27px;
    background-color: #0074c6;
    border-bottom: 1px solid #e4e4e4;
    padding-left: 12px;
    padding-top: 1px;
}

#changelangetc
{
    position: absolute;
    top: 1px;
    right: 8px;
}

.topmenulink
{
	color: #ffffff;
	font-size: 0.8em;
    font-weight: bold;
	text-transform: uppercase;
    padding-right: 15px;
}

.topmenulink:hover
{
    color: #ffffff;
	text-decoration: none;
}

.box0
{
    width: 50%;
    position: absolute;
    top: 60px;
    left: 24%;
}

.box1 {
    float: left;
    padding-top: 60px;
    padding-left:10px;
    width: 18%;
    min-width: 280px; /*300px hasta 18/11/2020 */
}

.box2 {
    float: right;
    padding-top: 60px;
    padding-right:20px;
    width: 22%;
    min-width: 300px;
}
   
.highcharts-title
{
    font-weight: 600;
}

#mapcontainer
{
    height: 96%;
    width: 99%;
    position: absolute;
    }

#chartcontainer
{
    height: 100%;
}

#histogramcontainer
{
    height: 100%;
}

#toph
{
    padding: 5px;
    color: #ffffff;
    background-color: #0074c6;
    text-align: center;
    cursor: pointer;
    width: 100px;
}

#menutoggle
{
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    margin-top: 15px;
}

#menuitems
{
    position: absolute;
    right: 110px;
    margin-top: 21px;
}

#menutoggle *, #menuitems *
{
    border: 1px solid #0074c6;
    background-color: #0074c6;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    cursor: pointer;
}

#menutoggle *:hover, #menuitems *:hover
{
    border: 1px solid #00863b;
    background-color: #00863b;    
}

#sparklinescontainer > div
{
    float: left;
    margin: 4px;
    padding: 4px;
    border: 1px solid #CFE2F6;
}

.previewbtn
{
    border: 1px solid #0074c6;
    background-color: #0074c6;
    font-size: 13px;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: pointer;
    margin-left: 10px;
}

.var
{
    width: 98%;
    margin: 3px;
    padding: 2px;
}

.varl
{
    color: #a3a3a3;
    margin-left: 4px;
    margin-top: 7px;
}

.timevar, .timevarl, .mapvar, .mapvarl
{
    display: none;
}

#timeslider
{
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 30px;
    margin-bottom: 35px
}

#datalabels input
{
    margin-left: 7px;
    margin-right: 3px;
}

#scalecontrol
{
    padding-top: 0px;
}

#scaleslider
{
    margin-left: 10px;
    margin-right: 30px;
}

#scalecog
{
    color: #0074c6;
    float: right;
    cursor: pointer;
}

#scalemenu
{
    display: none;
    padding-top: 3px;
}

#codestable tr:first-child td
{
    font-weight: bold;
    border-bottom: 1px solid #0074c6;
}

#codestable td
{
    padding-left: 10px;
    padding-right: 10px;
}

#codestable .red td
{
    color: red;
}

.loader
{
    background-image: url(ajax_loader.gif);
    width: 16px;
    height: 16px;
    margin-left: 50%;
    margin-top: 25%;
}

.error
{   
    font-size: 1.5em;
    font-weight: bold;
    margin-left: 40%;
    margin-top: 20%;
}

.mapcolors
{
    width: 100px;
    text-align: center;
}

#selectmaps
{
    width: 100%
}

.aminimap
{
    width: 47%;
    float: left;
    padding: 0px;
    margin: 3px;
}

.aminimap div
{
    padding: 5px;
    padding-bottom: 7px;
    background-color: #0074c6;
    color: #ffffff;
    width: 100%;
    cursor: pointer;
}

.aminimap div:hover
{
    background-color: #00863b;    
}

.iminimap
{
    width: 100%;
    height: 100px;
    border: none;
}

#colors
{
    display: inline-block;
    padding-right: 10%;
}

#maptype
{
    display: inline-block;
    position: relative;
    top: -15px;
    line-height: 1.1;
    display: none;
}

.maptypeicon
{
    border: 2px solid #0074c6;
    width: 80px;
    padding: 4px;
    cursor: pointer;
}

.maptypeicon:hover
{
    border: 2px solid #00863b;
}

.evo-cp-wrap
{
    padding-bottom: 0px;
}


/* Share stuff */

#timeshareoptions input
{
    margin-left: 7px;
    margin-right: 4px;
}

#hidenavigation
{
    margin-left: 7px;
    margin-right: 4px;
}

#hidedialogs
{
    margin-left: 7px;
    margin-right: 4px;
}

#dialogselectwrap
{
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

#embedresponsivechk
{
    margin-top: 7px;
    margin-right: 5px;
}

.sharetabs
{
    height: 27px;
    margin-top: 20px;
}

.tabs 
{
    color: #0079db;
	height: 27px;
	padding: 10px;
	cursor: pointer
}

.tabs:hover
{
    color: #00863b;
}

.tabon 
{
    color: #0079db;
    border: 1px solid #0074c6;
    border-bottom: none;
    background-color: #f9fbfd;
}

.tabon:hover
{
    color: #00863b;
}

.sharecont
{
    border: 1px solid #0074c6;
    padding: 10px;
}

#shareinfodiv
{
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    width: 320px;
    min-height: 300px;
    height: 100%;
    background-color: #CFE2F6;
}

#sharelinksdiv
{
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 320px);
    min-width: 320px;
    min-height: 300px;
    height: 100%;
    float: right;
}

#shareurl
{
    height: 36px;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    border: 1px solid #ccc;
}

#embedcode
{
    width: 100%;
    height: 100px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    border: 1px solid #ccc;
}

#embedcodeheight, #embedcodewidth
{
    width: 60px;
    height: 27px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: center;
    margin-top: 5px;
}

#baseurldiv
{
    display: none
}

.social-share ul {
    list-style: none;
}

.social-share ul li.social-share__item {
    padding: 20px 0;
    display: inline-block;
    margin-right: 20px;
}

.social-share ul svg.icon {
    width: 25px;
    height: 25px;
    margin-bottom: -6px;
    margin-right: 5px;
}

svg.icon-fill {
    fill: #0079ca;
}

svg.icon-fill:hover
{
    fill: #00863b;
}

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

/* Concept styles */

.conceptcontent
{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-size: 16px;
}

.conceptvartitle {
	text-transform: uppercase;
	font-weight: 600;
	padding-bottom: 4px;
    padding-top: 10px;
}

.concepttitle {
    padding-left:26px;	
	padding-bottom: 6px;
	cursor: pointer;
    font-weight: 600;
	background-image:url('plus.png?r=1');
	background-position: 0px 25%;
    background-repeat:no-repeat;
}

.concepttitle.close {
	background-image:url('minus.png?r=1');
    float: none;
}

.conceptinfo {
	display: none;
	border: none;
	padding: 4px;
	margin-bottom: 10px;
}


/* UI Dialog stuff */

.ui-dialog .ui-dialog-content
{
    padding: 0px;
}

.ui-dialog
{
	border: 1px solid #7F9DB9; 
    padding: 0px;
    font-size: 14px;
}

.ui-dialog-title
{
    padding: 3px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 600;
}

.ui-widget-header
{
    border: 1px solid #0074c6;
    background: none;
    background-color: #0074c6;
}

.ui-widget-content
{
    background: none;
	background-color: #f9fbfd;
}

.ui-widget-content a
{
    color: #0074c6;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
    font-family: "DIN Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.ui-widget .ui-widget
{
    font-size: 13px;
}

.ui-corner-all {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    border: 1px solid #ffffff;
    background: none;
    background-color: #0074c6;
}

.ui-widget-header .ui-state-default {
    border: 1px solid #0074c6;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background: none;
    background-color: #00863b;
}

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

.ui-buttonset
{
    margin-right: 0px;
}

/* Lobipanel stuff */

.panel
{
    border-radius: 0px;
    background-color: #f9fbfd 
}

.panel-primary 
{
    border-color: #7F9DB9;
}

.panel-primary>.panel-heading {
    background-color: #0074c6;
    border-color: #7F9DB9;
}

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

.ui-dialog-titlebar-close
{
    border: 4px solid #0074c6
}

.ui-dialog-titlebar-close::after
{
    position: relative;
    top: -5px;
    left: -2px;
    background-color: #0074c6;
    font-family: "Glyphicons Halflings";
    content: "\e014";
}


/* Glyphicon stuff */

.glyphicon {
    font-family: inherit;
}

.glyphicon:before{
    padding-right: 5px;
    font-family:'Glyphicons Halflings';
}

/* Chosen select stuff */

.chosen-container-single .chosen-single
{
    border-radius: 0px;
    background: #ffffff;
}

li.search-field input.default {
    width: auto !important;
}


/* for medium screens */
@media screen and (max-width: 700px) {
    
    .box2 {
        float: left;
        padding-left:10px;
        padding-right:0px;
    }

    #menuitems
    {
        max-width: 160px;
        right: 20px;
        background-color: #0074c6;
        margin-top: 55px;
        margin-left: 20px;
    }
        
    #menuitems *
    {
        float: right;
    }

    #tableinfo
    {
        width: 100%;
    }

    #sparklines
    {
        width: 100%;
    }

    .panel-body
    {
        padding: 3px;
    }
}

/* for small screens */
@media screen and (max-width: 400px) {
    .box0
    {
        position: relative;
        padding-left: 10px;
        width: 95%;
        left: 10px;
    }

    .box1
    {
        width: 95%;
    }
    
    .box2 {
        float: left;
        padding-left:10px;
        padding-right:0px;
        width: 95%;
    }

    #menuopen
    {
        border: none;
        font-size: 1.3em;
        color: #0074c6;
        background-color: #ffffff;
        text-indent: 5px;
        white-space: nowrap;
        overflow: hidden;
        width: 40px;
    }

    #menuopen:hover
    {
        color: #00863b;
    }

    #menutoggle *:hover
    {
        border: none;
        background-color: #ffffff;
    }

    #menuitems
    {
        max-width: 160px;
        right: 20px;
        background-color: #0074c6;
        margin-top: 55px;
        margin-left: 10px;
    }
        
    #menuitems *
    {
        float: right;
    }

    #mapcontainer
    {
        height: 90%;
        width: 99%;
        position: absolute;
    }

    #tableinfo
    {
        width: 100%;
    }

    #sparklines
    {
        width: 100%;
    }

    .panel-body
    {
        padding: 3px;
    }

}

select {
	font-size: 12px;
}

.subheader {
	font-size: 14px;
}

.map_textoparametro {
	float: left; 
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
}
	
.map_valorslide {	
	margin-left: 190px; 
	margin-top: -4px;
	font-size: 14px;
}