html {
  overflow-y: scroll;
}

#header {
  line-height: 31px !important;
  font-size: 26px !important;
  padding-left:50px !important;
  padding-top:20px !important;
  background: #1584BD !important;
}

#footer {
  margin-left: 35px;
  margin-top: 20px;
  padding-left: 75px !important;
  padding-bottom: 10px;
  line-height: 14px;
  font-size: 12px;
  color: #5f5f5f;
  background: #ffffff url(../img/cnca_mini_logo.jpg) no-repeat left top;
  background-repeat: no-repeat;
}

#top_header_franja_gob {
  position: absolute;
  height: 21px;
  top: -10px;
  left: 50px;
  width: 160px;
  background: #ffffff url(../img/cnca_bicolor_small.png) no-repeat right top;
  background-repeat: no-repeat;
}

#nav-title {
  display: block;
  float: left;
  color: #fff;
}

#nav-title a {
  color: #fff;
}

.columns {
  font-size: 0.87rem;
}

.linea-subtitulo {
  border: 1px solid #c7c7c7;
}


/* Elemento requerido formulario */

.required > label {
  font-weight: bold;
}

.required > label:after {
  content: ' *';
  color: #C3232D;
}

div.error-message {
  display: block;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  color: rgba(0, 0, 0, 0.54);
}


/* CSS Font tamaños */

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }


/* Box Alertas */

.alert-box {
  background-position: 1rem 7px;
  background-repeat: no-repeat;
  background-size: auto 2rem;
  padding-left: 4rem;
  margin-top: 2px;
  margin-bottom: 2px;
}

.alert-box .close {
  background: none;
}

.alert-box.success {
  background-image: url(../img/circle-check.png);
}

.alert-box.alert {
  background-image: url(../img/circle-close.png);
}

.alert-box.warning {
  background-image: url(../img/warning.png);
}

.alert-box.info {
  background-image: url(../img/question.png);
}

.alert-box.secondary {
  background-image: url(../img/idea.png);
}


/* Direccion orden paginador */

th > a:after {
  content: "\f0dc";
  color: #dcdcdc;
  vertical-align: top;
  padding-left: 0.5em;
  font-family: FontAwesome;
}

th > a.asc:after {
  content: "\f078";
  color: #2ba6cb;
  font-size: 10px;
  vertical-align: top;
  padding-left: 0.5em;
  font-family: FontAwesome;
}

th > a.desc:after {
  content: "\f077";
  color: #2ba6cb;
  font-size: 10px;
  vertical-align: top;
  padding-left: 0.5em;
  font-family: FontAwesome;
}


/* Tabla sin resultados */

.no-result {
    color: #5f5f5f;
    text-align: center;
}


/* Centrar texto en tabla */

.center-text {
  text-align: center;
}


/* Ajustar al ancho pantalla */

.row.full-width {
  width: 100%;
  max-width: 100%;
}

/* Enable scrollable blocks of code */
.pre-scrollable {
  overflow-y: scroll;  
  min-height: 50px;
  max-height: 180px;
  /*max-width: 1200px;
  min-width: 1200px;*/
}

.comment-area {
  width: 100%;
  border: 1px solid #d4dfda;
  text-align: justify;
  padding: 5px;
  margin-bottom: 15px;
  border-collapse: collapse;
  min-height: 120px;
  max-height: 400px;
  overflow: scroll;
  overflow-x: hidden;
}


/* Textarea resizable */

div.grippie {
  background: #EEEEEE url(../img/grippie.png) no-repeat scroll center 2px;
  border-color: #DDDDDD;
  border-style:solid;
  border-width:0pt 1px 1px;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
  margin-bottom: 5pt;
}

.resizable-textarea textarea {
  display: block;
  margin-bottom: 0pt;
}

div.totales{
    border-top:solid 1px #dfdfdf;
    background: #efefef;   
}

/* Acordeon */

.accordion-navigation > a:after {
  content: "\f107";
  padding-left: 5px;
  float: right;
  font-family: FontAwesome;
}

.accordion-navigation.active > a:after {
  content: "\f106";
  font-family: FontAwesome;
}
.checkbox
{
    display:inline-block;
    vertical-align:top;
    position:relative;
    margin-left: 0.5rem;
    width:200px;
}

.doc-format{
    background-color:#fff;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    border-left: solid 1px #999;
    border-top: solid 1px #999;
    padding:20px;
}

#title-show {
  display: none;
  height: 2.31rem;
}

#request-paper-doc {
  height: 2.31rem;
}

#paper-project-doc {
  height: 2.31rem;
}

#paper-solicitud-doc {
  height: 2.31rem;
}

/* Colores */

.green {
  color: #009900;
}

.red {
  color: #FF0000;
}
div.project-content{
    max-height: 350px;
    overflow: scroll;
}
fieldset.approved{
     color: #4a831c;
     font-weight: bold;
     
}

fieldset.refused{
     color: #C60F13;
     font-weight: bold;
}

fieldset.conditioned{
    color: #777;
    font-weight: bold;
    
}

/* Bienvenida */

.watermark {
    background: url(../img/image_home.jpg) top right no-repeat;
    width: 100%;
    float: right;
}

.formulario {
    margin: auto;
    width: 90%;
    border: none;
    line-height: 20px;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 0px;
    vertical-align: top;
    background: url(../img/image_home.jpg) top right no-repeat;
}

.welcome_title {
    font-family: gobCLLight gobCl sans-serif Arial, Verdana, "Trebuchet MS";
    font-weight: normal;
    font-size: 36px;
    color: #006dcc;
}

table#tiny-table{
    width:100%;
    border: none;
    margin:0;
    display: none;
}

table#tiny-table tr td, tr th{
    padding:0;
}

/* Modal ComiteSessionProjects*/

 #frm-modal-clone{
   
   visibility: hidden;
   opacity: 0;
   margin-top: -300px;
 }

#frm-modal-clone:target{
   visibility:visible;
   opacity: 1;
   background-color: rgba(0,0,0,0.8);
   position: fixed;
   top:0;
   left:0;
   right:0;
   bottom:0;
   margin:0;
   z-index: 999;
   transition:all 1s;
}

.modal-content{
  position: relative;
   margin:7% auto;
   padding:30px 50px;
   background-color: #fafafa;
   color:#333;
   border-radius: 3px;
   width:50%;
}

a.cerrar-modal{
   position: absolute;
   top:3px;
   right:3px;
   background-color: #333;
   padding:7px 10px;
   font-size: 20px;
   text-decoration: none;
   line-height: 1;
   color:#fff;
}


/*
 *  Modal  
*/

#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
 
#boxes .window {
  position:absolute;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}
 

/* Customize your modal window here, you can add background image too */
#boxes #dialog {
  width:375px;
  height:203px;
}



/* Tooltip archivos */
.custom_tooltip {
  display: inline;
  position: relative;
}

.custom_tooltip span {
  position: absolute;
  min-width: 250px;
  padding: 8px;
  color: #FFFFFF;
  background: #000000;
  border: 1px solid #6D6D6D;
  font-size: 11px;
  text-align: left;
  visibility: hidden;
  border-radius: 6px;
  left: 10%;
  margin-left: -250px;
  z-index: 9000 !important;
}
a.custom_tooltip span:after {
  /*content: '';*/
  position: absolute;
  top: 100%;  
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.custom_tooltip span {
  visibility: visible;
  opacity: 0.8;
  z-index: 9000 !important;
}

.shadow{
-webkit-box-shadow: 10px 10px 5px -3px rgba(230,227,230,1);
-moz-box-shadow: 10px 10px 5px -3px rgba(230,227,230,1);
box-shadow: 10px 10px 5px -3px rgba(230,227,230,1);    
}