@font-face { font-family: "SourceSansSemibold"; src: url(assets/SourceSansPro-Semibold.otf); }
@font-face { font-family: "SourceSansRegular"; src: url(assets/SourceSansPro-Regular.otf); }
@font-face { font-family: "OswaldRegular"; src: url(assets/Oswald-Regular.ttf); }
@font-face { font-family: "OswaldLight"; src: url(assets/Oswald-Light.otf); }
@font-face { font-family: "OswaldExtraLight"; src: url(assets/Oswald-ExtraLight.ttf); }

.box > .icon { text-align: center; position: relative;  }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 60px; height: 60px; background-color: #fff;
  border: 1px solid #5F8C9A; line-height: 70px; border-radius: 50%;  vertical-align: middle; }
.box > .icon:hover > .image { background: #F0F0F0; border: 1px solid #BBB;  }
.box > .icon > .image > i { font-size: 32px !important; color: #333 !important; }
.box > .icon:hover > .image > i { color: white !important;  }
.box > .icon > .info { margin-top: -30px; border: 0px solid #808080; height: 210px; border-radius: 1px; padding: 20px 0 10px 0; background: rgba(0, 0, 0, 0.03); }
.box > .icon > .info2 { margin-top: -30px; border: 0px solid #808080;  border-radius: 1px; padding: 20px 0 10px 0; background: rgba(0, 0, 0, 0.03); }
.box > .icon > .info2 > .info-title { xxheight:100px; margin-top:15px; }
.box > .icon:hover > .info { background: #D7E8EE; border-color: #716F6F;  }
.box > .icon > .info > .info-title { xxheight:100px; margin-top:15px; }
.box > .icon > .info > .info-title-80 { height:80px; margin-top:15px; }
.box > .icon > .info > .info-title-60 { height:55px; margin-top:15px; }
.box > .icon > .info > .info-title-40 { height:40px; margin-top:15px; }
.box > .icon > .info2 > .info-title-40 { height:40px; margin-top:15px; }
.box > .icon > .info > .info-title-25 { height:25px; margin-top:15px; }
.box > .icon > .info > .info-title-20 { xxheight:25px; margin-top:15px; }
.box > .icon > .info > .info-title > h3.title { font-family: "OswaldRegular",sans-serif !important; font-size: 21px; color: #46484A; font-weight: 400; margin:0px 20px; }
.box > .icon > .info2 > .info-title > h3.title { font-family: "SourceSansSemibold",sans-serif !important; font-size: 24px; color: #00689D; font-weight: 400; margin:0px 20px; }
.box > .icon > .info2 > div > div > h4 { font-family: "OswaldRegular",sans-serif !important; font-size: 18px; color: #46484A; font-weight: 400; margin:0px 20px; }
.box > .icon > .info2 > div > div > h4.line2 { margin-bottom: 20px; }
.box > .icon > .info2 > div { padding-bottom: 15px; }
.box > .icon > .info2 > .info-title { padding-bottom: 25px; padding-top: 5px; }
.box > .icon > .info > p { font-family: "SourceSansRegular",sans-serif !important; font-size: 14px;  color: #777; line-height: 1em; margin: 20px;}

.box > .icon:hover > .info > .info-title > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222;  }
.box .space { height: 30px; }
.box > .icon > .info:hover { cursor:pointer; }

.box > .icon > .info > .more {margin-top:-10px;}
.box > .icon > .image > img  { border-radius: 50%;margin-top:-16px;width:75%; }




.box2 > .icon { text-align: center; position: relative;  }
.box2 > .icon > .image { position: relative; z-index: 2; margin: auto; width: 60px; height: 60px; background-color: #fff;
  border: 1px solid #8BB8CC; line-height: 70px; border-radius: 50%;  vertical-align: middle; }
.box2 > .icon:hover > .image { background: #eee; border: 1px solid #8BB8CC;  }
.box2 > .icon > .image > i { font-size: 32px !important; color: #333 !important; }
.box2 > .icon:hover > .image > i { color: white !important;  }
.box2 > .icon > .info { margin-top: -30px; border: 1px none #8BB8CC;  border-radius: 1px; padding: 30px 0 10px 0; background: #F1F1F1; }
/*.box2 > .icon:hover > .info { background: #F4F4F3; border-color: #8BB8CC; color: white; }*/
.box2 > .icon:hover > .info {  border-color: #8BB8CC; color: white; }
.box2 > .icon > .info > .info-title { margin-top:15px; }
.box2 > .icon > .info > .info-title-80 { height:80px; margin-top:15px; }
.box2 > .icon > .info > .info-title-60 { height:55px; margin-top:15px; }
.box2 > .icon > .info > .info-title-40 {  margin-top:15px; }
.box2 > .icon > .info > div > .title-dotted { border-bottom: 2px solid #8BB8CC; padding-bottom: 10px;}
.box2 > .icon > .info > .info-title-20 { height:25px; margin-top:15px; }
.box2 > .icon > .info > .info-title > h3.title { font-family: "OswaldRegular",sans-serif !important; font-size: 21px; color: #3D89AB; font-weight: 400; margin:0px 20px; }
.box2 > .icon > .info > p { font-family: "SourceSansRegular",sans-serif !important; font-size: 14px;  color: #3D89AB; line-height: 1.5em; margin: 20px;}
.box2 > .icon > .info > .subtitle { height: 100px;}
.box2 > .icon:hover > .info > .info-title > h3.title, .box2 > .icon:hover > .info > p, .box2 > .icon:hover > .info > .more > a { color: #3D89AB;  }
.box2 .space { height: 30px; }
.box2 > .icon:hover { cursor:pointer; }
.box2 > .icon > .info > .more {margin-top:-10px;}
.box2 > .icon > .image > img  { border-radius: 50%;margin-top:-16px;width:75%; }




.box3 > .icon { text-align: center; position: relative;  }
.box3 > .icon > .image { position: relative; z-index: 2; margin: auto; width: 60px; height: 60px; background-color: #fff;
  border: 1px solid #5F8C9A; line-height: 70px; border-radius: 50%;  vertical-align: middle; }
.box3 > .icon > .image > i { font-size: 32px !important; color: #333 !important; }
.box3 > .icon > .info { margin-top: -30px; border: 0px solid #808080;  border-radius: 1px; padding: 30px 0 10px 0; background: rgba(0, 0, 0, 0.03); }
.box3 > .icon > .info > .info-title { xxheight:100px; margin-top:15px; }
.box3 > .icon > .info > .info-title-80 { height:80px; margin-top:15px; }
.box3 > .icon > .info > .info-title-60 { height:55px; margin-top:15px; }
.box3 > .icon > .info > .info-title-40 { height:40px; margin-top:15px; }
.box3 > .icon > .info > .info-title-20 { xxheight:25px; margin-top:15px; }
.box3 > .icon > .info > .info-title > h3.title { font-family: "OswaldRegular",sans-serif !important; font-size: 21px; color: #46484A; font-weight: 400; margin:0px 20px; }
.box3 > .icon > .info > p { font-family: "SourceSansRegular",sans-serif !important; font-size: 14px;  color: #666; line-height: 1.5em; margin: 20px;}
.box3 .space { height: 30px; }
.box3 > .icon > .info > .more {margin-top:-10px;}
.box3 > .icon > .image > img  { border-radius: 50%;margin-top:-16px;width:75%; }

.img_circular { border-radius: 50%; padding: 5px; background-color: #ffffff;}
.borde_amarillo { border: 1px solid #D2A72B; }
.borde_verde { border: 1px solid #34B0AA; }
.borde_azul { border: 1px solid #EA7E2E; }
.borde_rojo { border: 1px solid #B74838; }


.iconos { text-align: center; margin-left:47%; margin-top:10px;  }
.iconos > .image {  margin: auto 5px; width: 40px; height: 40px; float:left;
  border: 1px solid #AAAAAA; line-height: 40px; border-radius: 50%; background: #fff; vertical-align: middle; }
.iconos > .image > i { font-size: 21px !important; color: #555 !important; }

.iconos > .image > img  { border-radius: 50%;margin-top:-5px;width:90%; }

.box-modulo { border: 1px solid #999; border-radius: 5px; }

.paragraph-1 { font-family: "SourceSansRegular", sans-serif !important; color: #545354; }

.central-paragraph { font-family: "SourceSansRegular", sans-serif !important; font-size: 18px; color: #545354; text-align:justify; }

.central-paragraph {border-top:1px solid #AAA; border-bottom:1px solid #AAA; padding: 20px 10px; margin-top:-20px;}

.central-paragraph-1 { font-family: "SourceSansRegular",sans-serif !important; font-size: 18px; color: #545354;  text-align:center; }
.central-paragraph-2 { font-family: "SourceSansRegular",sans-serif !important; font-size: 18px; color: #222; text-align:justify; }
.central-paragraph-1, .central-paragraph-2, .central-paragraph-justify {border-top:1px solid #CCC; border-bottom:1px none #AAA; padding: 30px 0px;}


.page-title { margin-top:15px; color:#515052; font-family: "SourceSansSemibold", sans-serif !important;  }

.iicon {font-size:50px;font-weight:bold;color:#AAA;}
.iicon2 {font-size:34px;font-weight:bold;color:#AAA; margin-top:8px;}

.breadcrumb2 { background-color:#fff; margin:5px 20px; padding:5px; color:#898989; font-size:0.8em; margin-left:8%; }
.breadcrumb2 a:link, .breadcrumb2 a:visited {color:#0E69F1;}
.breadcrumb2 a:hover {color:#06C;}

.dato-tit { font-family: "SourceSansSemibold",sans-serif !important; font-weight: 800; color:#0E91D1; font-size:40px; margin:0 10% 5% 10%; padding:0 10% 5% 10%; border-bottom: 4px solid #0E91D1;text-align: center; line-height: 1.2em; }
.dato-subtit { font-family: "SourceSansSemibold",sans-serif !important;  color:#0E91D1; font-size:16px; margin:0 10% 30px 10%; text-align: center;}
.dato-tit-e { font-family: "SourceSansRegular",sans-serif !important; color:#0E91D1; font-size:15px; position: absolute; margin-left: 35%; margin-top:-20px;}

.footer-color { background-color:#00689D; color: #ffffff; font-family: "SourceSansRegular", sans-serif !important; font-size: 0.9em; }
.footer-color-white { background-color:#ffffff; color: #00689D; font-family: "SourceSansSemibold", sans-serif !important; font-size: 0.9em; text-transform: uppercase;}
.footer-line-1 { padding: 5px 0px; border-bottom: 3px solid #ffffff; }
.footer-line-2 { padding: 10px 0px;  }
.footer-list li  { text-transform: uppercase; list-style: none;}
.footer-list ul li  { text-transform: none; list-style: none;}
.footer-list a  { text-transform: none; color:#ffffff; text-decoration: underline;}

.nsm-list { padding: 5px; padding-left: 15px; margin-bottom: 5px; background-color: #ececec; border-radius: 7px; font-family: "SourceSansRegular",sans-serif !important; font-size: 1.2em; font-weight: 400; }
.nsm-list img { height: 36px; margin-right: 15px;}
.nsm-list:hover { background-color: #d5d5d0; }
.nsm-list-icon { border-radius: 50%; background-color: #777; height: 36px; width:36px; float: right; margin-right: 15px;}
.nsm-list-icon-active { border-radius: 50%; background-color: #777; height: 36px; width:36px; float: right; margin-right: 15px; cursor: pointer;}
.nsm-list-icon-active:hover { background-color: #0066CC;}
.nsm-list-icon img { width: 55%; height: 60%; margin-left: 7px; margin-top: 3px;}
.nsm-list-icon-active img { width: 55%; height: 60%; margin-left: 7px; margin-top: 3px;}

.nsm-list-icon-legend { border-radius: 50%; background-color: #777; height: 24px; width:24px; }
.nsm-list-icon-legend img { width: 55%; height: 60%; margin-left: 7px; margin-top: 5px;}


.central-paragraph-4, .central-paragraph-5, .central-paragraph-6 { font-family: "SourceSansSemibold", sans-serif !important;  }
.central-paragraph-7 { font-family: "SourceSansRegular", sans-serif !important;  }
.central-paragraph-7 div { margin-bottom: 20px;}


.central-paragraph-4, .central-paragraph-5, .central-paragraph-6, .central-paragraph-7 {border-top:1px solid #AAA; border-bottom:1px solid #AAA; padding: 10px 0px;}


.nsdgdp { border-top: 1px dotted #aaaaaa; margin-top: 20px;}
.nsdgdp_1 {  font-family: "SourceSansRegular",sans-serif !important; font-size: 1.5em; color: #444; padding-top: 15px;}
.nsdgdp_1 img { margin-right: 20px; }
.nsdgdp_2 { margin-left: 58px;}
.nsdgdp_3 { margin-left: 58px;}



@media (min-width: 768px){
    .row-five .col-lg-2  {
        min-width: 20%;
    }
    .row-five .col-lg-2a  {
        min-width: 21%;
    }
    .row-five .col-lg-2e  {
        min-width: 20%;
    }



}
@media (min-width: 1200px) {
    .row-five .col-lg-2 {
        width: 20%;
        min-width: 20%;
    }
    .row-five .col-lg-2a {
        width: 21%;
        min-width: 21%;
    }
    .row-five .col-lg-2e {
        width: 20%;
        min-width: 20%;
    }

    .box p { height: 180px;}
    .box3 > .icon > .info { height: 400px;}

}
@media (min-width: 768px) and (max-width: 979px) {

}

@media (min-width: 768px) {
    /* Estos estilos solo se aplicarán hasta el tamaño indicado */
    .show-mobile {display: none;}
}

@media (max-width: 767px) {
    /* Estos estilos solo se aplicarán hasta el tamaño indicado */
    .show-mobile {display: block;}
}


.padding-left { padding-left: 3%;  border:0px solid #830;}


.fondo-gris { background-color: #f0f0f0;}

.top-tit-blue-1 { border-top: 1px solid #8BB8CC; border-bottom: 1px solid #8BB8CC; padding: 10px 10px;
  font-family: "OswaldRegular",sans-serif !important; font-weight: 400; color:#3D89AA; font-size:18px; margin-bottom: 10px;}
.top-tit-blue-1 span { font-family: "OswaldExtraLight",sans-serif !important; font-size: 16px;  line-height: 5px;}

.top-tit-blue-2 { padding: 0px; margin: 0px; font-family: "OswaldRegular",sans-serif !important; font-weight: 400;
  color:#fff; font-size:18px; margin-bottom: 10px;}
.top-tit-blue-2 span { font-family: "OswaldExtraLight",sans-serif !important; font-size: 16px;  line-height: 5px;}

.top-tit-blue-3 { border-top: 1px solid #8BB8CC; border-bottom: 1px solid #8BB8CC; padding: 10px 10px;
  font-family: "OswaldRegular",sans-serif !important; font-weight: 400; color:#3D89AA; font-size:18px; margin-bottom: 10px;}


.top-lista { font-size: 0.8em; padding-left:20px;}
.contain_row { margin: 1% auto;}
.home-tit-img-left{ float: left; margin-right: 20px;}

.top-tit-blue-central { border-top: 1px solid #8BB8CC; border-bottom: 1px solid #8BB8CC; padding: 10px 10px;
  font-family: "OswaldRegular",sans-serif !important; font-weight: 600; color:#3D89AA; font-size:28px; margin-bottom: 10px; text-align: center; line-height: 1em;}

.top-tit-blue-noline-central { padding: 10px 10px; font-family: "OswaldRegular",sans-serif !important; color:#3D89AA; font-size:28px; text-align: center; line-height: 1em;}

.top-tit-blue-central span { font-family: "OswaldExtraLight",sans-serif !important; font-size: 0.8em;}
.footer-central { text-align: center;}

.image-width-100 {width: 100%;}
.image-central-bd { width: 130%; margin-left: -30px; margin-top: 40px;margin-bottom: 40px; }

.title-3c { font-size: 20px; font-family: "OswaldRegular",sans-serif !important; }

.select_1, .select_2, .select_3, .select_4 { border-radius: 3px; padding: 2px; width: 100%; font-size: 14px;}
.select_1, .box_pr_1 { border:1px solid #D2A72B; }
.select_2, .box_pr_3  { border:1px solid #B74838; }
.select_3, .box_pr_2 { border:1px solid #29B0A9; }
.select_4, .box_pr_4 { border:1px solid #EA7E2E; }

.box_pr_1, .box_pr_2, .box_pr_3, .box_pr_4  { padding: 18px 10px; border-radius: 10px; font-size: 18px; font-family: "OswaldRegular",sans-serif !important; }

.anuario { font-family: "SourceSansRegular",sans-serif !important; font-size: 14px;  color: #983C97; line-height: 1.5em; }



/* Technical sheet */
.technical-sheet-title-1 { font-family: "SourceSansSemibold", sans-serif !important; border-bottom: 2px solid #1C95D2; color:#1C95D2; font-size: 1.3em; margin-top: 20px; margin-bottom: 10px; }
.technical-sheet-title-2 { font-family: "SourceSansSemibold", sans-serif !important; border-bottom: 1px solid #cccccc; color:#1C95D2; font-size: 1.2em; margin-top: 20px; margin-bottom: 10px; }
.technical-sheet-content { font-family: "SSourceSansRegular", sans-serif !important; font-size: 0.9em; text-align: justify; margin-left: 4%;  }
.technical-sheet-title-link { font-family: "SourceSansSemibold", sans-serif !important; font-size: 0.8em;  }
.technical-sheet-print-title { display: none;}
.technical-sheet-print { float:right; margin-left: -60px;}
.technical-sheet-parameter { float: left; font-size: 12px; padding:2px 5px; margin:1px 1px; border-right: 1px solid #1879C9; }
.page-title-div {font-family: "OswaldRegular",sans-serif !important; color: #326F89;}
@media print {
  body {
    margin: 0;

  }
.technical-sheet-title-1, .technical-sheet-title-2, .technical-sheet-content, .technical-sheet-parameter, body {font-size:18px;}
#menu-cabecera { display:none;}
#footer-content { display:none;}
#footer-content { display:none;}
.page-title-div { display:none;}
.technical-sheet-print-title { display: inline;}
.technical-sheet-print { display:none;}
.technical-sheet-parameter { float: left; padding:2px 5px; margin:1px 1px; border-right: 1px solid #1879C9; }

@page{size:a4}

}






/* Pagina indicadores */

.row-indicator-0 { font-family: "SourceSansSemibold", sans-serif !important; border-bottom: 1px none #cccccc; color:#33738E; font-size: 18px; margin-top: 5px; padding: 5px; }
.row-indicator-1, .row-indicator-link-1 { margin-left: 20px;}
.row-indicator-2, .row-indicator-link-2 { margin-left: 40px;}
.row-indicator-3, .row-indicator-link-3 { margin-left: 70px; }
.row-indicator-4, .row-indicator-link-4 { margin-left: 100px; }
.row-indicator-5, .row-indicator-link-5 { margin-left: 130px;}
.row-indicator-6, .row-indicator-link-6 { margin-left: 160px;}

.row-indicator-0:hover,
.row-indicator-1:hover,
.row-indicator-2:hover,
.row-indicator-3:hover,
.row-indicator-4:hover,
.row-indicator-5:hover,
.row-indicator-6:hover
 { background-color: #DDEBF0; cursor: pointer;}

.row-indicator-0 img,
.row-indicator-1 img,
.row-indicator-2 img,
.row-indicator-3 img,
.row-indicator-4 img,
.row-indicator-5 img,
.row-indicator-6 img
 { margin-top: -3px; margin-right: 4px; }



.row-indicator-1, .row-indicator-2, .row-indicator-3, .row-indicator-4, .row-indicator-5, .row-indicator-6
{ font-family: "SourceSansSemibold", sans-serif !important; color:#33738E; font-size: 18px; padding: 5px; text-align: justify; border-left: 1px none #ccc;}

.row-indicator-link-1, .row-indicator-link-2, .row-indicator-link-3, .row-indicator-link-4, .row-indicator-link-5, .row-indicator-link-6
{ font-family: "SourceSansRegular", sans-serif !important; color:#33738E; font-size: 16px; padding: 5px; text-align: justify; border-bottom: 1px dotted #cccccc; }


.boxniv_2 { border:1px none blue; }


/* DASH BOARD*/


.row-dash-indicator-0 img:hover,
.row-dash-indicator-1 img:hover,
.row-dash-indicator-2 img:hover,
.row-dash-indicator-3 img:hover,
.row-dash-indicator-4 img:hover,
.row-dash-indicator-5 img:hover,
.row-dash-indicator-6 img:hover
 {  cursor: pointer; }

.row-dash-indicator-0 img,
.row-dash-indicator-1 img,
.row-dash-indicator-2 img,
.row-dash-indicator-3 img,
.row-dash-indicator-4 img,
.row-dash-indicator-5 img,
.row-dash-indicator-6 img
 { margin-top: -3px; margin-right: 4px; }


.row-dash-indicator-1, .row-dash-indicator-2, .row-dash-indicator-3, .row-dash-indicator-4, .row-dash-indicator-5, .row-dash-indicator-6
{ font-family: "SourceSansSemibold", sans-serif !important; color:#33738E; font-size: 14px; padding: 5px; border-left: 1px none #ccc;}

.row-dash-indicator-1, .row-dash-indicator-2, .row-dash-indicator-3
{ text-align: left; }

.row-dash-indicator-4, .row-dash-indicator-5, .row-dash-indicator-6
{ text-align: justify; }

.row-dash-indicator-link-1, .row-dash-indicator-link-2, .row-dash-indicator-link-3, .row-dash-indicator-link-4, .row-dash-indicator-link-5, .row-dash-indicator-link-6
{ font-family: "SourceSansRegular", sans-serif !important; color:#33738E; font-size: 14px; padding: 5px; text-align: justify; border-bottom: 1px dotted #DEEBF1; }



.row-dash-indicator-0 { padding-left: 4px; font-family: "SourceSansSemibold", sans-serif !important; border-bottom: 1px none #cccccc; color:#33738E; font-size: 16px; margin-top: 0px; margin-left: 0px; padding: 5px; background-color: #B6D2E0; border-bottom: 1px solid #C4DBE5;}
.row-dash-indicator-1 { padding-left: 10px; background-color: #DEEBF1; background-color: #D7E7EC; }
.row-dash-indicator-2 { padding-left: 20px; background-color: #EBF3F6; border-bottom: 1px solid #DEEBF1; }
.row-dash-indicator-3 { padding-left: 30px; background-color: #F5F9FB; border-bottom: 1px solid #EBF3F6; }
.row-dash-indicator-4 { padding-left: 40px; background-color: #F9FBFC; border-bottom: 1px solid #EBF3F6; }
.row-dash-indicator-5 { padding-left: 50px; background-color: #F9FBFC; border-bottom: 1px solid #EBF3F6; }
.row-dash-indicator-6 { padding-left: 60px; background-color: #F9FBFC; border-bottom: 1px solid #EBF3F6; }

.row-dash-indicator-0:hover { background-color: #C1D9E3; cursor:pointer; }
.row-dash-indicator-1:hover { background-color: #CEE1EA; cursor:pointer; }
.row-dash-indicator-2:hover { background-color: #E0ECF1; cursor:pointer; }
.row-dash-indicator-3:hover { background-color: #DBEAF0; cursor:pointer; }
.row-dash-indicator-4:hover { background-color: #E2ECF1; cursor:pointer;  }
.row-dash-indicator-5:hover { background-color: #E2ECF1; cursor:pointer; }
.row-dash-indicator-6:hover { background-color: #E2ECF1; cursor:pointer; }


.row-dash-indicator-link-1 { padding-left: 0px; }
.row-dash-indicator-link-2 { padding-left: 28px;}
.row-dash-indicator-link-3 { padding-left: 38px; }
.row-dash-indicator-link-4 { padding-left: 48px; }
.row-dash-indicator-link-5 { padding-left: 58px;}
.row-dash-indicator-link-6 { padding-left: 68px;}

.row-dash-indicator-link-1,.row-dash-indicator-link-2,.row-dash-indicator-link-3,.row-dash-indicator-link-4,.row-dash-indicator-link-5,.row-dash-indicator-link-6
{ background-color: #F9FBFC;}

.row-dash-indicator-1, .row-dash-indicator-2, .row-dash-indicator-3, .row-dash-indicator-4, .row-dash-indicator-5, .row-dash-indicator-6,
.row-dash-indicator-link-1,.row-dash-indicator-link-2,.row-dash-indicator-link-3,.row-dash-indicator-link-4,.row-dash-indicator-link-5,.row-dash-indicator-link-6 {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}



.row-dash-indicator-link-1:hover,
.row-dash-indicator-link-2:hover,
.row-dash-indicator-link-3:hover,
.row-dash-indicator-link-4:hover,
.row-dash-indicator-link-5:hover,
.row-dash-indicator-link-6:hover  { xxbackground-color: #E2ECF1;}

.row-dash-indicator-selected { background-color: #FAF1DE;  background-image: linear-gradient(to right, #DDF0F0 , #F9FBFC);  font-weight: bold; color: #1F8580; }


.row-dash-indicator-soc { border-top: solid 5px #D2A72B; color:#AE6C13;  }
.row-dash-indicator-eco { border-top: solid 5px #B0343C;color: #B0343C; }
.row-dash-indicator-amb { border-top: solid 5px #37AEAC;color: #267D7B; }
.row-dash-indicator-trans { border-top: solid 5px #DD9A91;color: #D17669; }
.row-dash-indicator-todos1 { border-top: solid 5px #3D89AA;color: #3D89AA; }

.row-dash-indicator-soc, .row-dash-indicator-eco, .row-dash-indicator-amb, .row-dash-indicator-trans, .row-dash-indicator-todos1
{ font-size:1.5em; font-family: "OswaldRegular",sans-serif !important; background-color: #D3E4EB;  }


div.dashboard-list {
  border: 1px solid #dddddd;
  width: auto;
  height: 750px;
  overflow: auto;
  padding-right: 0px;
}

.dashboard-title { font-family: "OswaldRegular",sans-serif !important; font-size: 20px; color: #ffffff;  padding: 10px 20px;}


.home_graph { border:0px solid #eee;margin-left:40px;margin-right:50px; margin-top:-14px;}
.home_graph_description { padding: 5px; margin-left: -15px; margin-right: 20px; font-family: "SourceSansRegular",sans-serif !important; font-size: 16px; color:#3D89AA; text-align: justify;}
.home_graph_icon { position: absolute; margin-left: -15px;}
.home_separador { border-top: 1px #9BC1D2 dotted; margin-bottom: 25px;}
.home_buscador_row { margin-bottom:30px; margin-top: -10px;border: 1px none #ccc; text-align: center;}
.home_buscador_descripcion { font-family: "SourceSansRegular",sans-serif !important; font-size: 18px; color:#3D89AA; margin-right: 1%; }
.home_buscador_input { width: 80%; padding: 3px; font-size: 16px; border: 1px solid #8BB8CC; }
.home_buscador_boton { height: 32px; margin-top: -4px; padding-top: 2px;}




.footer-color-1 { background-color: #B4D0E0; }
.footer-color { background-color:#D8EBF3; color: #666666; font-family: "SourceSansRegular", sans-serif !important; font-size: 1.0em; }
.footer-color-white { background-color:#ffffff; color: #00689D; font-family: "SourceSansSemibold", sans-serif !important; font-size: 0.9em; text-transform: uppercase;}
.footer-line-1 { padding: 5px 0px; border-bottom: 0px solid #ffffff; background-color: #254E60; color: #fff;}
.footer-line-2 { padding: 20px 0px; border-bottom: 2px solid #F0646D; }
.footer-list  { margin-left:0px;}
.footer-list ul  { margin-left:-5px;  }
.footer-list li  { margin-left:-5px; padding-left: 0px; }
.footer-list li  { text-transform: uppercase; list-style: none; font-weight: bold; }
.footer-list ul li  { font-weight: normal;  text-transform: none; list-style: none;}
.footer-list a  { text-transform: none; color:#666666; text-decoration: none;}
.footer-list a:hover  { text-transform: none; color:#666666; text-decoration: underline;}
.footer-button-1 { background-color: #DDA838; color: #254E60; border-color:#DDA838; }
.footer-list-title-center  { text-transform: uppercase; list-style: none; font-weight: bold; text-align: center; color:#218D88; }
.footer-link-title-1 { text-transform: uppercase; margin-left: -20px; margin-bottom: 15px; padding-left: 0px; margin-top: 30px; color:#218D88; }
.footer-link-title-1 a, .footer-link-title-1 a:hover { text-transform: uppercase; margin-left: -20px; color:#2C6772; }
.footer-link-list-1 li { margin-bottom: 5px; margin-top: 5px; margin-left: -40px; }
.footer-link-list-1 a, .footer-link-list-1 a:hover { margin-bottom: 0px; margin-top: 0px; color:#218D88;  }
.footer-line-3 { border-bottom: 0px none #F0646D; }
.footer-color-4 { background-color: #DDA838; }
.footer-color-5 { background-color: #3D8AAA; color:#FFFFFF; }


.footer-list ul li::before {
  content: "\2022";
  color: #F0646D;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

a { color:#3D89AA; }
a:hover { color:#3D89AA; text-decoration: underline; }

.top-lista { color:#2F6982; }
.top-lista a { color:#3D89AA; }

.anterior { position: absolute; width: 100px; height: 38px; right: 0px; top: 50px; xxbackground-color: #8ACFEA; color: white; font-size: 18px; padding: 2px;}
.siguiente { position: absolute; width: 100px; height: 38px; right: 0px; top: 80px; xxbackground-color: #8ACFEA; color: white; font-size: 18px; padding: 2px;}

.box-country {  border: 1px solid #DDD;  border-radius: 5px; padding: 5px; margin-bottom: 30px; }

iframe { border: 0px;}

.perfil-titulo { font-family: "OswaldRegular",sans-serif !important; color: #326F89; font-size: 26px; text-align: center;}
.perfil-subtitulo {  color: #ffffff; font-size: 22px; font-family: "OswaldRegular",sans-serif !important; margin-bottom: 20px; padding: 8px; padding-left: 30px; border-radius: 5px;}
.perfil-color1 { background-color: #D2A72B; color: #FFFFFF; background-image: linear-gradient(to right, #D2A72B , #E8D395); }
.perfil-color2 { background-color: #B0343C; color: #FFFFFF; background-image: linear-gradient(to right, #B0343C , #D87C72); }
.perfil-color3 { background-color: #29B0A9; color: #FFFFFF; background-image: linear-gradient(to right, #29B0A9 , #94D6D0); }
.perfil-color4 { background-color: #EA7E2E; color: #FFFFFF; background-image: linear-gradient(to right, #EA7E2E , #F2AC79); }
.perfil-color5 { background-color: #3D89AA; color: #FFFFFF; background-image: linear-gradient(to right, #3D89AA , #A8D1E3); }
.perfil-titulo-color-1 { color: #D2A72B; }
.perfil-titulo-color-2 { color: #B0343C; }
.perfil-titulo-color-3 { color: #29B0A9; }
.perfil-titulo-color-4 { color: #EA7E2E; }
.perfil-titulo-color-5 { color: #3D89AA; }

.chart_box_national_profile {  border: 1px solid #DDD;  border-radius: 5px; padding: 5px; margin-bottom: 30px; }


.seleccionar_tab { padding: 10px; margin-top: -25px; margin-left: -25px; font-family: "OswaldRegular",sans-serif !important; }

.accordeon_api_text {margin-top:5px;margin-bottom:15px; font-family: "SourceSansRegular", sans-serif !important; font-size: 0.9em;}


.ir-arriba {
	display:none;	padding:20px;	font-size:18px;	color:#fff;
	cursor:pointer;	position: fixed;	bottom:20px;	right:5px;
	border-radius:30px;	letter-spacing:1px;	opacity:0.7;
	filter:alpha(opacity=70); /* IE < 9.0 */
}

.link_indicator_style { cursor: pointer;}
.link_indicator_style:hover { cursor: pointer; color:#189A8A;}

.indi_seleccionado  { color: #189A99; border-left:3px none #189A99; font-weight:bold;}

.btn-primary { background-color: #0C4A61; border-color: #0C4A61;}
.btn-primary:hover { background-color: #29B0A9; border-color: #29B0A9;}




/* Scroll bar personalizada para árbol de indicadores */
div::-webkit-scrollbar {
  width: 10px;
}

/* Track */
div::-webkit-scrollbar-track {
  background: #CEE1EA;
}

/* Handle */
div::-webkit-scrollbar-thumb {
  background: #9FC4D5;
}

/* Handle on hover */
div::-webkit-scrollbar-thumb:hover {
  background: #669FBB;
}



.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
