html{
    position: relative;
    min-height: 100%;
}

.header1 {
    background-color: #C1D14B;
    position: fixed;
    width: 100%;
	z-index: 9999;
	height: 40px;
}

.header2 {
    background-color: #767676;
    position: fixed;
    width: 100%;
    top: 40px;
    height: 40px;
    z-index: 9998;
}

.header2 > img{
    margin-top: -2px;
    margin-left: 140px;
}

.plataforma-integral {
    background-color: #414141;
    position: fixed;
    height: 41px;
    width: 250px;
    margin-top: 10px;
    z-index: 9998;
}

@media only screen and (max-width: 768px) {
    .plataforma-integral {
        display: none;
    }
}

.nucleocentral {
    padding-left: 0;
}

.footer {
    padding-top: 6px;
/*
    padding-bottom: 12px;
*/
    background-color: #3F3F3F;
    width: 100%;
    bottom: 0;
    position: fixed;
    height: 40px;
	z-index: 9999;
}

body {
  /* Margin bottom by footer height */
    margin-bottom: 40px;
    background-color: #414141;
    color: #414141; /* #979797; */
}

body .menu{
    color: black;
}

.sidebar ul li{
    border: 0;
}

.sidebar-nav {
    background-color: #414141 !important;
}

.navbar {
    border: 0;
}

.navbar-default {
    background-color: #414141; /* white */
}

.navbar-default table{
    background-color: #EFEEF0;
}

/* link admin */
.navbar > a:focus,
.navbar > a:hover,
.navbar > a:link,
.navbar > a:visited,
.navbar > a:active {
    color: #00e0c5;
}

/* el boton salir/admin */
.nav > li.navbar > a:hover,
.nav > li.navbar > a:focus {
    background-color: #414141;
}

.footer span {
    color:white;
}

.footer a {
    color:white;
}

.nucleocentral {
    padding-top: 90px;
}

img.redondoVerde {
    border: 6px solid green;
    padding: 0;
    border-radius: 800px;
    overflow: hidden;
    margin: 0 auto;
}

img.redondoRojo {
    border: 6px solid red;
    padding: 0;
    border-radius: 800px;
    overflow: hidden;
    margin: 0 auto;
}

img.redondoAzul {
    border: 6px solid blue;
    padding: 0;
    border-radius: 800px;
    overflow: hidden;
    margin: 0 auto;
}

.required_fields {
    color: red;
    font-weight: bold;
}

/* en primer plano */
div.bootbox.modal.fade.in,
.datepicker-dropdown,
.select2-dropdown {
    z-index:9999;
}

/* Error validator */
label.error {
    color: #ba2121;
    font-weight: normal;
}

/* Error label */
ul.errorlist {
    color: #ba2121;
    padding: 0 0 0 15px;
}

/* el calendario */
.calendario {
   padding: 26px;
   width: 255px;
}

.calendario th,
.calendario tr{
   background-color: white;
}

.calendario th{
    color: #414141;
}

.calendario td.text-primary{
    color: #414141;
}

.calendario td.muted{
    color: #767676;
}

.calendario td.bg-primary{
    background-color: #C1D14B;
    color: #414141;
}

.calendario .btn {
    font-size: 14px;
}

.calendario .btn-primary,
.calendario .btn-primary:focus,
.calendario .btn-primary:active {
    background-color: white;
    border-color: #00e0c5;
    color: #00e0c5;
    border: 1px solid #00e0c5;
}


/* botones */
@font-face {
    font-family: 'sk-modernistbold';
    src: url('sk-modernist-bold-webfont.woff2') format('woff2'),
         url('sk-modernist-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.btn {
    border-radius: 8px;
    font-family: 'sk-modernistbold';
    font-size: 20px;
    border: 0;
}

.btn-primary, .btn-primary:focus, .btn-primary:active {
    background-color: #00e0c5;
    border-color: #00e0c5;
    color: white;
    border: 1px solid #00e0c5;
}

.btn-primary:hover{
    background-color: white;
    border-color: white;
    color: #00e0c5;
    border: 1px solid #00e0c5;
}

.btn-primary:active:focus {
    background-color: white;
    border-color: white;
    color: #00e0c5;
    border: 1px solid #00e0c5;
}

.btn-primary2, .btn-primary2:focus, .btn-primary2:active {
    background-color: #c1d14b;
    border-color: #c1d14b;
    color: white;
    border: 1px solid #c1d14b;
}

.btn-primary2:hover{
    background-color: white;
    border-color: white;
    color: #c1d14b;
    border: 1px solid #c1d14b;
}

.btn-primary2:active:focus {
    background-color: white;
    border-color: white;
    color: #c1d14b;
    border: 1px solid #c1d14b;
}

/* input números */
input[type=number] {
    text-align:right;
}

/* el alto igual al select2 */
.form-control {
    height: 28px;
}


/* pestañas */
.nav-tabs {
    background: #C1D14B;    /* fondo verde */
}

nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:link,
.nav-tabs > li.active > a:active,
.nav-tabs > li.active > a:hover {
    color: gray !important;     /* letra pestaña marcada */
}


.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active,
.nav-tabs > li > a:hover {
    background:  #C1D14B;       /* fondo pestaña no marcada */
    color: white !important;    /* letra pestaña no marcada */
    border: 0px solid #fff;
}

.nav-tabs > li > a:link {
    color:white !important;     /* letra pestaña no marcada */
}

/* menu breadcrumb */
.breadcrumb {
    color: #414141 !important;
    padding: 0px 15px;
}

.breadcrumb {
    background-color: #C1D14B;
    color: white;
    font-family: 'sk-modernistbold';
    font-size: 16px;
    /*padding: 0px; */
}

.breadcrumb  > li > a,
.breadcrumb  > li > a:focus,
.breadcrumb  > li > a:active,
.breadcrumb  > li > a:hover {
    color: #414141;
}

.breadcrumb > li + li::before {
    color: #414141;
    padding: 0;
}

/* la opción de menú en el breadcrumb */
.breadcrumb-menu {
    height: 32px;
    background:  #00dcbd;
    border-radius: 8px;
    padding: 4px 8px 0px 8px;
    margin-right: 10px;
}

.breadcrumb-menu a,
.breadcrumb-menu a:focus,
.breadcrumb-menu a:active,
.breadcrumb-menu a:hover {
    background:  #00dcbd;
    color: white;
}

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

.panel-primary > .panel-heading ,
.panel-title {
    background: #C1D14B;
    border-color: #C1D14B;
}

.preferencias {
    padding: 0;
    margin-top: -25px;
    margin-left: 160px;
    position: absolute;
}