/*
NOMBRE PROYECTO: Glosario Energético
AUTOR: Kelly Puelpan para Beans Comunicaciones / River Consultores
FECHA CREACION: Septiembre 2015
*/

/******CLEARFIX******/
.liststyle{
    list-style: none;
}
.liststyle:before{
  /* For a round bullet */
  content: '\2022';
  /* For a square bullet */
  /*content:'\25A0';*/
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: -5px;
  color: #004986;
  font-size: 20px;
}
.block{
  display: block;
}
.title-padding{
  padding-bottom: 20px;
}
.container{
  padding-right: 30px;
}
.full-width{
  width: 100% !important;
}
.clearfix {*zoom:1; display:block;}
.clearfix:before, .clearfix:after {display:table; content:""; line-height:0; visibility:hidden; height:0;}
.clearfix:after {clear:both;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}

/* GLOBAL STYLES -------------------------------------------------- */
body {font-family:'Noto Sans',sans-serif !important; font-weight:400; color:#000; font-size:1.15em;}

/* General Styles ------------------------- */
a {color:#226AC1; cursor:pointer;} 
h1,h2,h3,h4,h5,h6 {font-family:'Noto Sans', sans-serif !important; clear:both; display:block;}
h1 {font-size:36px; margin:5px 0px; font-weight:300;} 
h2 {font-size:24px; margin:5px 0px;} 
h3 {font-size:20px; margin:5px 0px;} 
h4 {font-size:14px; margin:5px 0px;} 
p {font-family:'Noto Sans',sans-serif; font-size:12pt; font-weight:300; line-height:1.6em; margin-top:10px; margin-bottom:15px;}
form {margin:0;}
pre, code {display:block; float:left; max-width:100%; white-space:normal !important;}
del {color:#800000;}
ul, li {list-style-type:none;}
ul ul {margin-left:15px;}
ol li {list-style:decimal;}
address {margin:0;}
blockquote {border-left-color:#4E9842 !important;}
blockquote.dark * {color:#fff !important;}
blockquote.dark {background:#222; color:#eee; margin:10px 0px;}
blockquote h3 {font-size:14pt; line-height:normal; margin:5px 0px;}
button {cursor:pointer;}
.alignright {float:right;}
.alignleft {float:left;}
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.text-right {text-align:right !important;}
.no-margin {margin-top:-20px !important;}
.no-padding {padding:0 !important;}
.no-float {float:none !important;}
.center-margin {margin:0 auto;}
.upper {text-transform:uppercase;}
.clear {clear:both;}
.div-center {margin-right:auto !important; margin-left:auto !important; padding:0 !important; float:none !important;}
input [type="submit"] {cursor:pointer;}

/* STRUCTURE -------------------------------------------------- */
#layout {max-width:1000px; margin:0 auto; padding:10px 0 80px; text-align:center;}
#main {margin:0 auto;}
.int-content {margin:0 auto; padding:0; text-align:left;}
.sidebar {margin-top:55px; padding-left:40px; padding-right:0;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:#fff;}

/* GLOSARIO -------------------------------------------------- */
.cont-title {text-align:left;}
.cont-title h1 {margin-bottom:8px; color:#5b5b5e;}
.rec {border:1px solid #ddd;}
.rec-header {padding:10px 20px; color:#fff; background:#8fd030;}
.rec-header h3 {
  margin:0;
  color:#fff;
  float: left;
  display: inline-block;
} 
.rec-header .tag {font-size:12px; font-weight:600;}
.rec-cont {padding:20px 20px 30px;text-align: justify;}
.rec-cont h4 {font-size:1.1em; font-weight:600; color:#5b5b5e;}
.rec-cont h5 {margin:25px 0 0; font-size:1em; font-weight:600; color:#5b5b5e; text-decoration:none;}
.rec-cont p {color:#5b5b5e;}
.rec-cont p.def {font-size:1.1em;  line-height:165%; font-style: italic}
.rec-cont p.source {font-size:1.1em; line-height:165%;}
.rec-tag {margin:10px 0 0; padding:20px; background:#e5e5e5; border:none; clear:both;}
.rec-tag h3 {font-size:14px; font-weight:bold; color:#666;}
.rec-tag p {margin:0 0 20px; font-size:12px; color:#5b5b5e; line-height:160%;}
.rec-tag p.source {font-style:italic;}
.rec-tag span.underline {display:block; font-weight:600; font-style:italic; text-decoration:none;}
.rec-tag.type-a{
  background: #e5e5e5;
}

.rec-tag.type-b{
  background: #EAEAEA;
}
.list {width:10%; text-align:center; float:right;}
.list ul {margin:0; padding:0;}
.list a {color:#1274c6; text-decoration:none;}
.list a:hover {color:#333;}
.info {margin:15px 0 0px;}
.info2 {margin:15px 0 30px;}
.info .info-link, .info .info-link a {font-size:1.1em; color:#666; float:left; font-style:normal;}
.info .info-link a:hover {color:#666;}
.info button {float:right;}
.share {margin:0; padding:0; float:right;}
.share li {display:inline-block;}

/* BUSCADOR -------------------------------------------------- */
.int-content .input-group {margin:0 0 25px;}
.int-content .form-control {margin:0; padding:0 15px; font-size:1.1em; color:#666; height:34px; background:#fff !important; border:1px solid #ccc !important;}
.int-content .dropdown-menu {width:auto; margin-top:-1px !important; padding:10px 15px; border:1px solid #ccc !important;}
.int-content .dropdown-menu li a {padding:0;}
.cont-search {margin:0 0 20px; padding:15px 0px 0; background:#e5e5e5;}
.cont-search .input-group {max-width:90%; margin:0 auto 20px; padding:0 20px;}
.cont-search .form-control {margin:0; padding:0 15px; font-size:1.1em; color:#666; height:34px; background:#fff !important; border:1px solid #ccc !important;}
.cont-search .dropdown-menu {width:auto; margin-top:-1px !important; padding:10px 15px; border:1px solid #ccc !important;}
.cont-search .dropdown-menu li a {padding:0;}
.cont-category ul {margin:0; padding:0;}
.cont-category ul li {display:inline-block; margin:0 10px; font-size:13px; color:#666;}
.cont-category ul li a {color:#1274c6; text-decoration:none;}
.glossary_title {width:100%; margin:0 0 20px; font-size:48px; color:#00405D; border-bottom:solid 1px #E3E5E6;}

/* TABS -------------------------------------------------- */
#tabs ul {margin:0; padding:0;}
#tabs ul li {display:inline-block; margin-right:8px; margin-bottom:8px; padding:5px 10px; font-size:14px; color:#71717c; font-weight:600; background:#ecedef;}
#tabs ul li a {color:#71717c; text-decoration:none;}
#tabs ul li:hover, #tabs ul li.ui-tabs-active {color:#fff; background:#7191c1;}
#tabs ul li:hover a, #tabs ul li.ui-tabs-active a {color:#fff; text-decoration:none;}
#tabs-list .alpha {margin:0 0 20px; padding:0;}
#tabs-list .alpha li {display:inline-block; margin:0 8px;}
#tabs-list .alpha li a {font-size:22px; color:#1274c6; text-decoration:none;}
#tabs-list .alpha li a:hover {color:#666;}
.cont-tab {margin:20px 0 0; padding:0 20px 40px; background:#fff; text-align:left;}
.cont-tab p {margin:0 0 20px; font-size:13px; color:#5b5b5e; line-height:160%;}
.cont-tab ul li {list-style-type:square; font-size:12px; color:#666;}
.source-text {display:inline-block; margin-left:10px; font-style:italic; color:#666; font-size:11px;}
.source-text strong {text-decoration:underline !important;}

/* INDICE SCROLL -------------------------------------------------- */
.int-scroll {width:90%; height:450px; overflow:auto; float:left; text-align:left;}
.terms div.selected a {color:#000; font-weight:600;}
.terms a {color:#666; text-decoration:none;}
.terms a:hover {color:#1274c6;}

/* BOTONES -------------------------------------------------- */
.btn.descargar {background:#0f69b4; border-bottom:2px solid #004986; color:#fff; display:block; font-size:13px; height:26px; line-height:23px; padding:0px 45px 0px 15px; position:relative; text-align:center; width:auto; border-radius:0px;}
.btn.descargar:before {content:'F'; display:block; height:25px; right:0; overflow:hidden; position:absolute; text-indent:-999px; width:25px; background:#004986 url('../imgs/sprite.png') no-repeat;}
.btn.descargar:before {background-position:7px -43px;}
.btn.descargar:hover {background:#1274c6;}

@media (min-width: 320px) and (max-width:770px) {
    #layout {padding-left:10px; padding-right:10px;}
    .sidebar {padding-left:0px;}
}

#relatedContainerDiv, #fuenteDiv, #definicionDiv,#link_div{
  text-align: justify;
}

.clickedButton{
  background: rgba(0, 94, 165, 0.7) !important;

}

.clickedButton a{
  color: white !important;
}

#relatedContentsDiv li{
  border-radius: 10px;
}

.current_li-size{
  font-size: 20px;
}
.close_li-size{
  font-size:15px;
}


.rec-header{
  color: #fff;
  display: inline-block;
  background: #8fd030;
  width: 100%;
  min-height: 70px;
}

.add-to-pdf{
  float: right;
}

.circle button{
  border-radius: 0px;
  border-color: transparent;
  background-color: orange;

}

.custom-pdf{
  width: 90%;
}

.custom-pdf ul{
  border-width: 1px;
  border-color: black;
  border-style: solid;
  border-radius: 4px;
  padding-left: 10px;
  height: 200px;
  overflow-y: scroll; 
}

.custom-pdf ul li{
  text-align: justify;
  display: inline-block;
  width: 100%;
}

.custom-pdf ul li p{
  font-family: 'Noto Sans',sans-serif !important;
  font-size: 12px;
  float: left;
  margin-top: 0px;
  margin-bottom: 3px;
}

.custom-pdf ul li p.pdf-title{
  font-family: 'Noto Sans',sans-serif !important;
  font-size: 12px;
  float: left;
  width: 200px;
}

.custom-pdf ul li p.pdf-link-p{
  float: right; 
  margin-right: 50px;
}

#pdfContainer div,#allConceptsDiv div {
  page-break-after: always;
}
.search-icon{
  background:url(../imgs/ic_search.png);
  height:30px;
  width:30px;
  position: absolute;
  top: 3px;
  left: 0px;
}

.theme{
  float: left;
  margin-right: 10px;
  min-width: 50px;
  background: #ECEDEF;
  display: inline-block;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: bold;
  color: #71717c;
}

.theme.clickedButton{
  color: white;
}

#theme-filter{
  display: inline-block;
  width: 100%;
}

.filter-select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

select#typeahead-filter {
    width: 110px;
    height: 25px;
    float: left;
}

#concepts-reference{
  margin-bottom: 12px;
  margin-left: 20px;
}

.content {
    min-height: 100px;
}

.concepts-reference-text{
  display: inline-block;
  font-size: 10px;
  margin-right: 8px;
}

#more-info-button{
  cursor: pointer;
}

.with-bullet li{
  list-style-type: initial;
  margin-top: 3px;
}

/*END*/