/* Sticky footer styles
-------------------------------------------------- */
@font-face {
    font-family: footerTexto;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: footerTitulo;
    src: url(../fonts/OpenSans-Light.ttf);
}
@font-face {
    font-family: logoLCI_lci;
    src: url(../fonts/nasalization.ttf);
}
@font-face {
    font-family: logoLCI_srl;
    src: url(../fonts/neuropol.ttf);
}
html {
  position: relative;
  min-height: 100%;
    overflow-y: scroll;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 180px;
  font-family: footerTexto;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 180px;
  background-color: #25ae8c;
  border-top: 5px solid #9adbce;
  color: #FFF;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 0px;
}

/*-------------------------------------------------- */
/*--------------------LOGO LCI---------------------- */

.navbar-inverse .navbar-brand .lci{
	font-family: logoLCI_lci;
	font-size: 60px;
}
.navbar-inverse .navbar-brand .srl{
	font-family: logoLCI_srl;
	font-size: 60px;
}
.navbar-inverse .navbar-brand {
	color: #fff;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    padding-top: 20px;
}

.navbar-brand{
    padding: 15px;
}

/*--------------------LOGO LCI---------------------- */
/*-------------------------------------------------- */


/*-------------------------------------------------- */
/*--------------------BOTONES----------------------- */

.btn-default {
    color: #fff;
    background-color: #000;
    border-color: #ccd1d9;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #ccd1d9;
}

.btn-primary {
    color: #fff;
    background-color: #f6bb43;
    border-color: #e6a31a;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #e6a31a;
    border-color: #e6a31a;
}

.btn-secondary {
    color: #fff;
    border-color: #6af0ce;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open > .dropdown-toggle.btn-secondary {
    color: #25ae8c;
    background-color: #fff;
    border-color: #6af0ce;
}

/*--------------------BOTONES----------------------- */
/*-------------------------------------------------- */


/*-------------------------------------------------- */
/*--------------------ENCABEZADO-------------------- */

.jumbotron {
    padding-top: 80px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/*--------------------ENCABEZADO-------------------- */
/*-------------------------------------------------- */


/*-------------------------------------------------- */
/*--------------------PANELES----------------------- */

.panel-primary {
    border-color: #bfbfbf;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #25ae8c;
    border-color: #25ae8c;
}

.panel-opcion2 {
    border-color: #000;
}

.panel-opcion2 > .panel-heading {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
/*--------------------PANELES----------------------- */
/*-------------------------------------------------- */

.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

.navbar-inverse {
background-color: #25ae8c;
border-color: #25ae8c;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
}

.footer > .container .logo_pie {
    width: 132px;
	margin-top:75px;
}

.footer > .container .logo_pie img{
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

.footer > .container h1 {
	font-family: footerTitulo;
    text-transform: uppercase;
	font-weight: 100;
	color: #ffce54;
}

.footer > .container p {
	font-family: footerTexto;
}

/*-------------------------------------------------- */
/*--------------------PAGINADOR--------------------- */

.pagination > li:first-child > a, .pagination > li:first-child > span {
    background-color: #25ae8c;
    color:#fff;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    background-color: #25ae8c;
    color:#fff;
}

.pagination > li > a, .pagination > li > span {
    color: #000;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

/*--------------------PAGINADOR--------------------- */
/*-------------------------------------------------- */


/*-------------------------------------------------- */
/*--------------------MODAL------------------------- */

/* override bootstrap 3 class to remove scrollbar from modal backdrop
   when not necessary */
.modal {
  overflow-y: auto;
}

/* custom class to add space for scrollbar */
.modal-scrollbar {
    margin-right: 15px;
}

/*--------------------MODAL------------------------- */
/*-------------------------------------------------- */



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }

.popover-example .popover {
    position: relative;
    display: block;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    z-index: 0;
}

.popover.left > .arrow:after {
    border-left-color: #D9EDF7;
}

input[type="checkbox"]{
    margin: auto;
    height: 20px;
    width: 20px;
}