﻿body {
    font-family: Poppins, "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}
/*labels de los campos de los formularios*/
label {
    color: #008CAF;
}

/*texto*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: Montserrat,"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 800;
    line-height: 1.1;
    color: #EB9649;
}

th {
    color: #EB9649;
}

.text-info {
    color: #008CAF;
}

a.text-info:hover {
    color: #008CAF;
}

.text-warning {
    color: #008CAF;
}

a.text-warning:hover {
    color: #008CAF;
}

a .text-info {
    color: #008CAF;
}

a .text-primary {
    color: #008CAF;
}

.text-title-home {
    color: #EB9649;
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 800;
}
.text-title-home:hover {
    color: #EB9649;
}
.lead {
    font-size: 16px;
    font-weight: 800;
}

/*Espacio superior del contenido de una página con respecto a la barra de menú superior*/
.body-content {
    padding-top: 15px;
}

/*links y links de pestañas*/
a {
    color: #008CAF;
}

.nav > li > a {
    color: #008CAF;
}

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
    color: #008CAF;
    background-color: #ffffff;
}

a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #008CAF;
    border-color: #008CAF;
}

/*botones*/
.btn-primary {
    color: #ffffff;
    background-color: #008CAF;
    border-color: #0079a1;
    background-image: linear-gradient(#008CAF,#008CAF 60%,#008CAF);
    border-bottom: 1px solid #008CAF;
}

.btn-primary:hover {
    color: #ffffff;
    background-color: #006687;
    border-color: #004b63;
}

.btn-info {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
    background-image: linear-gradient(#5bc0de,#5bc0de 60%,#5bc0de);
    border-bottom: 1px solid #5bc0de;
}

    .btn-info:hover {
        color: #ffffff;
        background-color: #31b0d5;
        border-color: #269abc;
    }

.btn-success {
    color: #fff;
    background-color: #43ac6a;
    border-color: #3c9a5f;
    background-image: linear-gradient(#43ac6a,#43ac6a 60%,#43ac6a);
    border-bottom: 1px solid #43ac6a;
}

    .btn-success:hover {
        color: #ffffff;
        background-color: #358753;
        border-color: #2b6e44;
    }

.btn-warning {
    color: #ffffff;
    background-color: #e99002;
    border-color: #d08002;
    background-image: linear-gradient(#e99002,#e99002 60%,#e99002);
    border-bottom: 1px solid #e99002;
}

    .btn-warning:hover {
        color: #ffffff;
        background-color: #b67102;
        border-color: #935b01;
    }

.btn-danger {
    color: #ffffff;
    background-color: #f04124;
    border-color: #ea2f10;
    background-image: linear-gradient(#e74c3c,#e74c3c 60%,#e74c3c);
    border-bottom: 1px solid #e74c3c;
}

    .btn-danger:hover {
        color: #ffffff;
        background-color: #d32a0e;
        border-color: #b1240c;
    }

.btn-default {
    color: #333333;
    background-color: #e7e7e7;
    border-color: #cccccc;
    background-image: linear-gradient(#e7e7e7,#e7e7e7 60%,#e7e7e7);
    border-bottom: 1px solid #e7e7e7;
}

    .btn-default:hover {
        color: #333333;
        background-color: #cecece;
        border-color: #adadad;
    }

.btn-primary .badge {
    color: #008CAF;
    background-color: #ffffff;
}

/*progress bar*/
.progress-bar-primary {
    background-color: #008CAF;
    border-color: #0079a1;
}

.progress-bar-info {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.progress-bar-success {
    background-color: #43ac6a;
    border-color: #2b6e44;
}

.progress-bar-warning {
    background-color: #e99002;
    border-color: #d08002;
}

.progress-bar-danger {
    background-color: #f04124;
    border-color: #ea2f10;
}

.progress-bar-default {
    background-color: #e7e7e7;
    border-color: #cccccc;
}

/*texto resaltado*/
.label-primary {
    background-color: #008CAF;
}

.label-info {
    background-color: #5bc0de;
}

.label-success {
    background-color: #43ac6a;
}

.label-warning {
    background-color: #e99002;
}

.label-danger {
    background-color: #f04124;
}

.label-default {
    background-color: #e7e7e7;
}

/*badge por defecto*/
.badge {
    background-color: #EB9649;
}

/*notificaciones*/
.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

/*Colapsar menú principal (barra superior)*/
@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}

.well {
    background-color: #fafafa;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: none;
}

.panel {
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 3%);
}

/*subtitulos en los menús*/
.dropdown-header {
    color: #EB9649;
}

/* ===== Progress bar multiple ====== */

/* Personaliza el estilo de la barra de progreso */
.progress-bar {
    font-size: 14px;
    text-align: center;
}

/* Estilo para la barra de progreso de Tarea 1 */
.bg-success {
    background-color: #28a745;
}

/* Estilo para la barra de progreso de Tarea 2 */
.bg-warning {
    background-color: #ffc107;
}

/* Estilo para la barra de progreso de Tarea 3 */
.bg-danger {
    background-color: #dc3545;
}
