h1, h2, h3, h4, h5, h6, p, th {
    font-family: 'Nunito', sans-serif;
}







/*CODIGO CSS AÑADIDO POR SARA*/

@media (max-width: 767px) {
    .ocultamosPantallaPequeña {
        display:none;
    }
}
@media (min-width: 767px) {
    .ocultamosPantallaGrande {
        display: none;
    }
}
    .Bloqueado {
        pointer-events: none;
        background-color: #f5f5f5;
    }

    .labelCheckBox {
        display: inline;
        margin-left: 5px;
    }

    .tituloTabla {
        text-align: center;
        background-color: skyblue;
        font-weight: bold;
    }

    .Oculto {
        display: none !important;
    }

    .labelTR td {
        font-size: small;
    }

    .LabelsModal {
        font-size: small;
        display: block;
    }

    .card-headerMINI {
        padding: 0rem 1.25rem;
    }

    .labelLabelModal {
        font-weight: bold;
    }

    .FondoRojizo {
        background-color: lightcoral !important;
    }

.FondoNaranja {
    background-color: #ffc16f;
}

    .FondoVerde {
        background-color: lightgreen;
    }

    .Textos {
        border: 1px solid lightgray;
        padding: 5px;
    }

        .Textos > label {
            font-weight: bold;
        }
    /*Redondas de los numeros de las llamadas*/
    a.not-llamadas {
        font-size: 17px !important;
        background-color: #272c33 !important;
        display: inline-block !important;
        line-height: 0 !important;
        color: #00d8d3 !important;
        padding: 17px 8px !important;
        border-radius: 100px !important;
        margin-right: 10px;
    }


    .topbar .top-navbar .navbar-header .navbar-brand .dark-logo {
        display: initial !important;
    }

    .tarea-group {
        border-left: 5px solid #bac3d0;
        padding: 15px 20px 10px 19px;
        margin-bottom: 15px;
        background-color: rgba(186, 195, 208, 0.08);
    }

    .LineaTotales td {
        font-weight: bold;
        background-color: lightgray;
    }

    .Negrita {
        font-weight: bold;
    }

    .tarea-pendiente {
        border-left: 5px solid #F1C40F;
        padding: 15px 20px 10px 19px;
        margin-bottom: 15px;
        background-color: rgba(241, 196, 15, 0.05);
    }

    .tarea-encurso {
        border-left: 5px solid #659be0;
        padding: 15px 20px 10px 19px;
        margin-bottom: 15px;
        background-color: rgba(101, 155, 224, 0.05);
    }


    /*LOGIN*/
    .login-register {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        height: 100%;
        width: 100%;
        padding: 5% 0;
        position: fixed;
    }

.bg-gradient-proyecto {
    min-height: 100vh;
    /*background-color: #02424e;*/
    /*background: linear-gradient(90deg, #08292f, #af0000);*/
    background: linear-gradient(to right, #c65254 5%, #860202 40%);
    
    /*background-size: 400% 400%;*/
    /*animation: gradient 6s ease infinite;*/
}

.TituloColorVerde {
    color: #890105;
    text-align: center;
    font-size: 28px;
    font-weight: 400 !important;
    padding-top: 5%;
}

    @keyframes gradient {
        0% {
            background-position: 0% 50%;
        }

        50% {
            background-position: 100% 50%;
        }

        100% {
            background-position: 0% 50%;
        }
    }

    .news-nombre {
        margin-right: 50px;
    }


    @media all and (max-width: 768px) {
        .news-mensaje {
            padding: 20px 0px;
            width: 100%;
        }

        .news-btn {
            width: 100%;
        }
    }


    .progress {
        border-radius: 25px !important;
        background-color: #b5cac9 !important;
    }

        .progress.active .progress-bar, .progress-bar.active {
            background-color: #269b9c !important;
        }


    .presencia-p1 {
        font-size: 22px;
        padding-bottom: 4px;
        margin-bottom: 0px;
        font-weight: 600;
        line-height: 1.1em;
    }

    .uppercase {
        text-transform: uppercase !important;
    }

    .presencia-p2 {
        text-transform: uppercase;
        font-size: 13px;
        color: #908FB2;
    }

    .breadcrumbs-nav {
        padding-left: .75rem;
        padding-right: .75rem;
        font-size: 18px;
        line-height: 35px;
        color: white;
    }

    .btn-underline {
        border-bottom: 1px solid #6C6B8E;
        color: #6C6B8E !important;
        font-size: 13px;
        font-family: 'Nunito', sans-serif;
        font-weight: 700;
        margin-right: 14px;
    }

        .btn-underline:hover {
            border-bottom: 1px solid #453A81;
            color: #453A81 !important;
        }

    .underline-link {
        border-bottom: 1px solid #6C6B8E;
        color: #6C6B8E !important;
    }

        .underline-link:hover {
            border-bottom: 1px solid #6C6B8E;
            color: #6C6B8E;
        }

    .welcome-box {
        margin-bottom: 0px;
        background-color: #f3e5ff;
        height: 100%;
    }

        .welcome-box h2 {
            color: #453A81;
            font-weight: 800;
            font-size: 30px;
        }

        .welcome-box h4 {
            color: #453A81;
        }

    .errores-dashboard p {
        margin-bottom: 8px;
    }

    .label-proyecto {
        background-color: #453A81;
        font-family: 'Nunito', sans-serif;
        text-transform: uppercase;
        border-radius: 10px;
        font-size: 11px;
        letter-spacing: 1px;
    }



    .btn-secundario {
        background-color: #d9d5ed;
        color: #453A81 !important;
        border-radius: 20px;
        padding: 7px 25px;
        font-size: 13px;
        font-family: nunito;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .img-circle {
        width: 50px;
        height: 50px;
        margin-right: 15px;
        border-radius: 20px;
    }

    .user-content h5 {
        font-size: 18px;
        font-weight: 600;
        color: #453A81;
    }

    .resum-text {
        font-weight: 700;
        font-size: 28px;
    }

    .desc-text {
        text-transform: uppercase;
        font-size: 13px;
    }



    .warning-solicitudes .alert-warning {
        color: #ffbc34;
        background-color: rgba(255, 217, 133, 0.20);
        border-color: transparent;
        padding: 5px 25px;
        font-size: 14px;
        border-radius: 25px;
        font-family: nunito;
        font-weight: 700;
    }

    .warning-solicitudes .alert-info {
        color: #db5501;
        background-color: rgba(219, 85, 1, 0.10);
        border-color: transparent;
        padding: 5px 25px;
        font-size: 14px;
        border-radius: 25px;
        font-family: nunito;
        font-weight: 700;
    }

    .bloque-desc h5 {
        font-weight: 800;
        color: #6C6B8E;
        font-size: 17px;
        margin-bottom: 0px;
    }

    .bloque-desc p {
        font-size: 14px;
        margin-bottom: 0px;
    }


    .img-file {
        width: 60px;
        margin: auto;
        padding-bottom: 20px;
    }

    .card-files {
        background: white;
        border: 2px solid #d9d5ed !important;
        padding: 20px !important;
        border-radius: 35px !important;
    }

        .card-files h2 {
            font-size: 18px;
            line-height: 1.2em;
            font-weight: 600;
            color: #4a3a81;
        }

        .card-files .icon-mdi {
            color: white;
            background-color: #9535ea;
            font-size: 30px;
            padding: 4px 4px;
            width: 55px;
            margin: auto;
            margin-bottom: 20px;
            border-radius: 20px;
        }

    .dropdown-toggle::after {
        display: none;
    }

    .roles-badge {
        background-color: #f2f0ff;
        color: #453A81 !important;
        border-radius: 20px;
        padding: 7px 25px;
        font-size: 11px;
        font-family: nunito;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
    }

    .badge-einatec {
        background-color: #029d9b;
        color: #ffffff;
        font-size: 20px;
    }


    .btn-light2 {
        background-color: transparent;
        font-size: 20px;
    }

    .btn:focus {
        box-shadow: none !important;
    }


    .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 10rem;
        padding: 20px !important;
        margin: .125rem 0 0;
        font-size: 1rem;
        color: #212529;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: none !important;
        border-radius: 20px !important;
        box-shadow: 0px 0px 29px 0px rgba(63,63,63,0.14);
    }

    .dropdown-item {
        font-family: nunito;
    }

        .dropdown-item:hover {
            color: #9535ea;
            text-decoration: none;
            background-color: #ffffff;
        }


    /*TIMEEEEEEEEEEEEEEEEEEEEEEE*/
    a:not([href]):not([tabindex]) {
        /* color: inherit; */
        color: white;
        text-decoration: none;
    }

    .border-top1 {
        border-top: 1px solid #dee2e6 !important;
    }

    .fc-scroller {
        height: auto !important;
    }

    .fc-more {
        color: black !important;
    }

    /*TITULOS CARDs*/
    small {
        font-size: 12px !important;
        color: #bcbfbe !important;
        padding-left: 10px !important;
        font-weight: bold;
    }

    .caption > h3 {
        float: left;
        display: inline-block;
        /*font-size: 18px;
    line-height: 18px;*/
        color: #093338;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    

    .borderBody {
        border: 1px solid #af0000;
        padding-bottom: 0px;
    }

    .card {
        border-radius: 20px;
    }

    .card-header {
        border-radius: 20px 20px 0 0 !important;
        background: -moz-linear-gradient(left, #c65254 0%, #860202 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #c65254 0%, #860202 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #c65254 0%, #860202 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

        .card-header > .card-title {
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

    /*FIN TITULOS CARDS*/
    .message-box .message-widget {
        border-bottom: 1px solid rgba(120, 130, 140, 0.13);
        display: block;
        text-decoration: none;
        padding: 9px 15px;
    }


    .text-themecolor {
        color: #00b0aa !important;
    }

    .stylish-table tbody tr:hover {
        background-color: #f2f7f8 !important;
    }


    p {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }

    /*TABLAS*/
    /*.rowIncidencia, .selected{
    background-color:forestgreen;
}*/
    table.dataTable tbody tr.selected {
        background-color: #cfecec;
    }


    .table td, .table th {
        padding: 0.50rem;
        vertical-align: top;
        border-top: 1px solid #e9ecef;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background-color: #e5e5e5 !important;
        color: #54667a !important;
        border: 1px solid #e5e5e5 !important;
        border-radius: 10px;
        font-size: 13px;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
        font-size: 13px !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        background-color: #e5e5e5 !important;
        color: #54667a !important;
        border: 1px solid #e5e5e5 !important;
        border-radius: 10px;
        font-size: 13px;
    }


    /*BOTONES*/
    .circle {
        border-radius: 25px !important;
    }

    .botonMDI {
        font-size: 20px;
        padding: 0px;
    }

    .botonMDIMediano {
        font-size: 25px;
        padding: 0px;
    }

    .botonMDIGrande {
        font-size: 30px;
        padding: 0px;
    }

    .btn.specialgreen:not(.btn-outline) {
        color: #FFF;
        background-color: #30c53b;
        border-color: #30c53b;
    }

  



    /*FORMULARIOS*/
    label {
        display: inline-block;
        margin-bottom: 0.25rem;
    }

    .form-control {
        color: #908FB2;
        min-height: 38px;
        display: initial;
        border: 1px solid #D9D5ED;
        border-radius: 10px;
        font-family: 'Nunito', sans-serif;
        font-size: 15px;
    }

        .form-control:focus {
            color: #495057;
            background-color: #fff;
            border-color: #052a30 !important;
            outline: 0;
        }

    .topbar .dropdown-menu {
        left: auto !important;
        right: 0 !important;
    }

    .topbar ul.dropdown-user li a:hover {
        text-decoration: none;
        color: #9535EA;
        background-color: rgba(149, 53, 234, 0.05);
    }

    /*CABECERAS DEL DATATABLE*/

    .dataTables_filter input {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        margin-left: 10px;
    }

    .dataTables_length select {
        border: 1px solid #d9d9d9;
        border-radius: 10px;
        margin-left: 10px;
    }

    /*.stylish-table thead {
    background-color: #f8f9fa !important;
}*/
    .scroll-sidebar {
        padding-bottom: 60px;
        padding-top: 0px !important;
    }

    .nombreEmpresa {
        color: #af0000;
        font-size: 20px;
        margin-bottom: 0px;
        padding-left: 5px;
        font-weight: 700;
        font-family: 'Nunito', sans-serif;
    }

    .boxHome {
        /*min-height: 318px;
    padding: 15%;*/
        padding: 20px;
    }

        .boxHome:hover {
            background-color: white;
            box-shadow: 7px 7px 21px rgba(153, 153, 153, 0.251);
        }

        .boxHome img {
            max-width: 100px;
            margin-bottom: 10px;
        }

    .home-titulo {
        font-weight: 500;
        color: #00AFAA;
        font-size: 26px;
    }

    .btn-light1 {
        color: #54667a;
        background-color: #e5e5e5;
        border-color: none;
    }

        .btn-light1:hover {
            color: black;
            background-color: #d3d3d3;
            border-color: none;
        }

    p.label-ficha {
        font-size: 14px !important;
        margin-bottom: 0px;
        margin-top: 5px;
        color: #aaa9a9;
    }

    .check-eina {
        margin-left: 10px;
        height: 20px;
        width: 20px;
        float: left;
        margin-right: 10px;
        min-height: 20px !important;
    }

    .card-einatec {
        background-color: white;
        box-shadow: 0px 0px 29px 0px rgba(63,63,63,0.14);
    }



    .ribbon-corner:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        content: '';
        border: 25px solid transparent;
        border-top-color: #009efb;
        border-left-color: #009efb;
    }

    .ribbon-corner {
        top: 0;
        left: 0;
        background-color: transparent !important;
        padding: 1px 0 0 7px !important;
    }

    .ribbon-vwrapper {
        padding: 15px 15px 15px 55px;
        position: relative;
        margin: 0px 20px;
    }

    .ribbon-default.ribbon-corner:before {
        border-top-color: #aaafb1;
        border-left-color: #aaafb1;
    }

    .table-responsiveForzado {
/*        display: block;
*/        width: 100%;
        overflow-x: auto;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .HoraBackground {
        background-color: none;
        padding: 0px !important;
    }

    td.HoraBackground {
        width: 24px !important;
    }

        td.HoraBackground::before {
            content: '_';
            display: block;
            width: 100%;
            height: 50%;
            color: #03afaa;
            margin-top: 12px;
            background-color: #03afaa;
        }

    .inicioSesion {
        background-color: #03afaa !important;
        border: 1px solid #03afaa;
    }

    .dashboard-content {
        height: 25vh;
    }

        .dashboard-content h2 {
            font-size: 40px;
            line-height: 55px;
            color: #074146;
            font-weight: 500;
        }

        .dashboard-content h4 {
            font-size: 22px;
            color: #a6b7bf;
        }

    .boxHome h5 {
        font-size: 18px;
        color: #a6b7bf;
    }

    .imgInicioSesion {
        width: 245px !important;
        margin-left: 15%;
        margin-bottom: 5%;
    }

    .sidebar-nav > ul > li > a i {
        font-size: 18px !important;
    }

    .sidebar-nav ul li a {
        color: #54667a;
        padding: 8px 35px 8px 15px;
        display: block;
        font-size: 15px;
    }

    .sidebar-nav ul li.nav-small-cap {
        font-size: 12px;
        padding: 10px 14px 10px 20px;
        color: #90a4ae;
        font-weight: 500;
    }

    .userNameNav {
        color: #a6b7bf;
    }

        .userNameNav:hover {
            color: #9535ea;
        }

    .valoresPeques {
        width: 40% !important;
        display: inline-block;
    }

    .separacionHorario {
        padding-top: 10px;
    }

    .buttonSpecialEinatec {
        background-color: #fe7e17;
        border: none;
        color: white;
        margin-top: 3%;
        /*width: 100%;*/
        height: 30px;
        padding: 0px 23px;
    }

    /*MODALS*/

    .ui-dialog .ui-dialog-titlebar {
        padding: 1em 1em;
        position: relative;
        margin-bottom: 10px;
    }

    .ui-widget-header {
        border: 1px solid #f2f7f8;
        background: #f2f7f8;
        color: #54667a;
        font-weight: bold;
        border-radius: 0px;
    }

    .titulo-horario-popup label {
        color: #54667a;
        font-weight: 500;
    }

    .second-horario-popup label {
        color: #54667a;
        font-weight: 400;
    }

    .border-bottom1 {
        border-bottom: 2px solid #f2f7f8 !important;
        margin: 0px 10px;
    }

    #dialog-formTurnos.ui-dialog .ui-dialog-content {
        height: 650px !important;
    }

    /*.ui-widget.ui-widget-content #dialog-formTurnos {
    min-height: 90vh;
    min-width: 800px;
}*/

    .ui-widget.ui-widget-content {
        border: none;
        box-shadow: 7px 7px 21px rgba(153, 153, 153, 0.251);
        padding: 0px;
        min-width: 350px;
        font-family: 'Nunito', sans-serif;
    }




    .ui-dialog .ui-dialog-title {
        font-family: 'Nunito', sans-serif;
        font-weight: 500;
    }

    /*Imagen de cerrar en modals*/
    .ui-dialog .ui-dialog-titlebar-close {
        background-image: url(../Content/img/delete.png) !important;
        background-color: transparent !important;
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: center;
        border: none;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        right: 1.3em;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: 1.5em 2em;
        background: none;
        overflow: auto;
    }

        .ui-dialog .ui-dialog-content .form-control {
            margin-bottom: 20px;
        }
    /*Botones en modal*/
    .ui-dialog .ui-dialog-buttonpane button {
        background-color: #f2f7f8;
        border: none;
        color: #54667a;
        padding: 5px 20px;
        border-radius: 3px;
        font-family: 'Nunito', sans-serif;
    }

        .ui-dialog .ui-dialog-buttonpane button:hover {
            background-color: #54667a;
            border: none;
            color: white;
            transition: .5s;
        }

    /*Boton de cancelar en modal*/
    /*$('.ui-dialog-buttonpane').find('button:contains("Cancelar")').addClass('cancelButton');*/
    /*.ui-dialog-buttonset >button[value="Cancelar"] {
    background-color: #ed6b75 !important;
    color: white !important;
}*/

    .cancelButton {
        background-color: #ed6b75 !important;
        color: white !important;
    }

    .okButton {
        background-color: #8f0d0e !important;
        color: white !important;
    }

    .ui-draggable .ui-dialog-titlebar {
        /*background-color: #33aeaa;*/
        background: linear-gradient(to right, #c65254 0%, #860202 100%);
        color: white;
        padding: 15px !important;
        border: none !important;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    /*.cancelButton {
    background-color: #ffffff !important;
    color: #838c96 !important;
    border: 1px solid #dde2e8 !important;
}*/

    /*CHANGES-CAMBIOS-CANVIS*/
    /*.Lfichajes,.control-label
{
    color: #03afaa !important;
    font-weight:bold;
}*/

    .btn-einatec {
        padding: 10px 40px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    #today {
        font-weight: 600;
        font-size: 70px;
        color: white;
        line-height: 1em;
    }

    

    /*#titulo {
    padding-left:4%;
}*/

    .formnowz, #now {
        /*color: #03afaa !important;*/
    }

    .linea-gris {
        border-bottom: 2px solid #f6f6f6;
        border-top: 2px solid #f6f6f6;
        padding-top: 15px;
    }

    #nowpresencia {
        font-size: 30px;
        font-weight: 500;
        color: #03afaa;
        text-align: right;
    }
    /*.formnow1 {
    display: flex;
    align-items: center;
}*/
    #now, .bcn, .formnowz .f1 select {
        /* margin-left:10%;*/
    }

    .btng {
        /* margin-left:41%;*/
    }

    .formnowz {
        /*background-color:#f2f7f8;*/
        float: left;
        /*margin-left:6%;
    padding:2%;
    width:55%;*/
    }

        .formnowz form, .f1, .f2 {
            background-color: white !important;
            /*padding-left: 4%;*/
            padding-top: 1%;
        }

    .meteo {
        float: left;
        /* margin-top: 2%;*/
        padding: 1%;
    }

    .f2 {
        margin-top: 2%;
    }

    .f1 {
        padding-top: 3%;
        /* padding-left: 8%;*/
    }

    #MostrarOcultarDivDetalles .btn-group {
        margin-top: 34%;
    }
    /*.formnow,.formnow1,.ahoraF{
    margin-left:6%;
    padding:2%;
    background-color: white;
    width:60%;
}
.ahoraF{
    margin-left: 15.2%;
    background-color: black;
    width: 132%;
}*/
    .sreg {
        margin-bottom: 2%;
        /*padding-left: 7%;*/
        padding-top: 1%;
        padding-bottom: 1%;
        color: #54667a;
        /*margin-left:6%;*/
        /*padding:2%;float:left;*/
        /*width:100%;*/
        background-color: white !important;
    }

        .sreg h3 {
            color: #54667a;
        }

    .tbl {
        background-color: white !important;
        width: 70%;
        float: left;
    }

    .container-fluid, .card .pres {
        background-color: #f2f7f8;
    }

    .sreg .col-md-1, .sreg .col-md-2 {
        float: left;
    }





    #der {
        width: 29%;
        float: right;
    }

        #der h3 {
            color: #54667a;
        }


    /*RESPONSIVE*/

    @media (min-width: 600px) {
        .sreg .col-md-1 {
            max-width: 9.333333%;
        }

        .f2 .btn-group {
            margin-top: 28%;
        }

        #izq {
            background-color: white !important;
            width: 70%;
            float: left;
        }

        .meteo {
            margin-left: 3%;
        }
        /*.formnowz {
    
    width:70%;
}.f2 .col-md-2,.f2 .col-md-3{margin-left:6%;
    }
     .f1 .col-md-2{margin-left:2%;
    }*/
    }

    @media (max-width: 765px) {
        .f2 .btn-group {
            /* margin-top: 15%;*/
            margin-bottom: 2%;
        }


        .btng {
            margin-top: 15%;
            margin-bottom: 2%;
        }

        .f1 .form-control, .f2 .form-control {
            width: 90%;
        }

        .boxHome {
            padding: 0px;
        }

        .home-titulo {
            font-size: 14px;
            line-height: 16px;
        }

        .topbar ul.dropdown-user li .dw-user-box .u-img img {
            width: 70px !important;
            border-radius: 5px;
        }

        .dashboard-content {
            height: 25vh;
        }

            .dashboard-content h2 {
                font-size: 26px;
                line-height: 30px;
                color: #074146;
                font-weight: 500;
            }

            .dashboard-content h4 {
                font-size: 18px;
                color: #a6b7bf;
            }

        .customtab li a.nav-link {
            color: #a6b7bf !important;
        }


        .boxHome h5 {
            display: none;
        }



        .fichaje-tipo {
            width: 100%;
            min-width: 170px;
        }

        .fichaje-h4 {
            font-size: 13px;
            margin-bottom: 0px;
        }

        .btn-einatec {
            width: 100%;
        }

        .boxHome img {
            max-width: 50px;
        }
    }

    @media (max-width: 765px) {
        .formnowz {
            width: 100%;
        }
    }

    .datepicker-orient-top {
        z-index: 102 !important;
    }

    .label-secondary {
        background-color: #868e96;
    }

        .label-secondary[href]:hover,
        .label-secondary[href]:focus {
            background-color: #868e96;
        }