.navbar-inverse {
    background-color: #2328540f;
    border-color: #080808;
}

.logo-sebneval {
    width: 150px;
}

textarea {
    max-width: 500px;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

    .btn-circle.btn-lg {
        background: #f3c3c361;
        width: 70px !important;
        height: 70px;
        padding: 13px 13px;
        font-size: 21px;
        line-height: 2.21;
        border-radius: 51px;
        font-weight: bold;
        margin: 0 16px;
        margin-top: 10%;
        color: #1d2455;
    }

        .btn-circle.btn-lg.btnautoeval {
            width: 50px !important;
            height: 50px;
        }

        .btn-circle.btn-lg.active {
            background-color: #1d2455;
            color: #fff;
        }


        /*label.btn.btn-default.btn-circle.btn-lg:hover {*/
        .btn-circle.btn-lg:hover {
            background: #1d2455;
            color: #fff;
        }
/*** generales ***/
body {
    background-color: #a5a5a5; /* #1d2455; */
    color: #fff;
    /*padding-top: 66px;*/
}

.navbar-inverse {
    background-color: #ffffff;
}

.btn {
    /*background: #1d2455;*/
    background: #11315f;
    border: none;
    color: #fff;
}

/**** menu ****/
.menu-izq {
    color: #444;
    margin-left: 2% !important;
    font-size: 14px;
}

.menu-der a {
    /*color: #ae77ae !important;*/
    color: #5d86c2 !important;
    text-transform: uppercase;
    font-weight: 300;
}

.menu-der {
    margin-left: 10%;
    border-right: 1px solid #ae77ae !important;
    padding: 0 25px;
    /*width: 30%;*/
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    flex-wrap: nowrap;
}

li.cerrar {
    /*background: #ae77ae;*/
    background: #11315f;
    color: #fff;
    margin-left: 0;
}

    li.cerrar a {
        color: #fff !important;
        font-weight: 500;
    }

.menu-izq li:nth-child(1) {
    padding-right: 20px;
}

/**** inicio sesion ****/
.navbar-inverse {
    background-color: #ffffff;
    border-color: none;
    position: sticky;
}

.session {
    background: #fff;
    width: 700px;
    margin: 0 auto;
    padding: 20px;
    color: #444;
    text-align: center;
    height: 50vh;
    box-shadow: 0px 0px 8px #000;
    border-radius: 10px;
}

.form-session {
    margin: 5% 0;
}

    .form-session .form-group {
        display: block;
    }

    .form-session label {
        width: 100% !important;
        text-align: center !important;
    }

    .form-session .col-md-10 {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
        align-items: center;
    }

        .form-session .col-md-10 input {
            width: 45% !important;
            float: none;
            max-width: 100%;
            margin: 0 auto;
        }

/**** bienvenida ****/
.mensaje-inicio {
    background: #fff;
    color: #656565;
    margin-top: 10px;
}

    .mensaje-inicio h3 {
        text-transform: uppercase;
        font-weight: 700;
        color: #000;
    }

    .mensaje-inicio h2 {
        color: #000;
        font-size: 25px;
    }

/*** catalogos ***/
tr:nth-child(odd) {
    /*background: #878ec2 !important;*/
    background: #e4e4e4 ; /*background: #8e8e8e !important;*/
}

table th {
    background: #444;
}

.btn-warning {
    background: #f0ad4e;
}

.btn-info {
    /* background: #e94e1a; */
}

.btn-danger {
    background: #d9534f;
}

td.frmlv_actions {
    width: 225px;
}

tr:hover {
    color: #000; /*#257dbd;*/ /*color: #1d2455;*/
}


/***** evaluaciones *****/
/*div#datos-usuario-eda, div#evaluacion-usuario-eda {
    color: #444;
}
div#evaluacion-usuario-eda .col-md-7 label {
    width: 16%;
}
.btn-circle.btn-lg {
    background: #e5bce5 !important;
    width: 70px !important;
    height: 70px;
    margin: 0 16px;
    margin-top: 10%;
    color: #1d2455;
}
div#evaluacion-usuario-eda .panel-heading,
div#datos-usuario-eda .panel-heading{
    background: #ae77ae;
    color: #fff;
    font-size: 21px !important;
}*/

/**** evaluaciones ****/
.panel .col-md-7 label {
    width: 16%;
}



.panel {
    color: #444;
}

    .panel .panel-heading {
        /* background: #cf1c1cd6; */
        background: #5d86c2;
        color: #fff;
        font-size: 21px !important;
    }

input#saveGrd {
    background: #8cb41d;
}

label.btn.btn-default.btn-circle.btn-lg:hover {
    background: #1d2455;
    color: #fff;
}
/*** evaluaciones ***/
/*.panel .col-md-7 label {
    width: 16%;
}*/
tr:nth-child(even) {
    background: #f5f5f5 ; /*background: #aaaaaa !important;*/
}

label.btn.btn-default.nivelLabel {
    width: 16%;
}

.footer-container {
    position: relative;
    bottom: 0;
    border-top: 1px solid;
    width: 90%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 20px 0;
    max-width: 90%;
    margin-top: 3%;
}

.exam-btns {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    text-align: right;
}

.form-control {
    margin: 10px 0;
}

tr {
    color: #1d2455;
}

th {
    color: #FFF !important;
}

/*.fixTableHead {
    overflow-y: auto;
    height: 110px;
}

    .fixTableHead thead th {
        position: sticky;
        top: 0;  Don't forget this, required for the stickiness 
    }*/
.nivGuideDiv {
    display: flex;
    justify-content: space-between;
}

.nivelLabel {
    width: 120%;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    background: #dadada;
    padding: 2px;
    border-radius: 4px;
}

.nivelTxt {
    font-size: 85%;
    text-align: center;
    padding: 1px;
    width: 120%;
}

.nivel100 {
    text-align: center;
    font-weight: bold;
    width: 120%;
}

.btnsSel {
    display: flex;
    justify-content: space-between;
}

.helpIcon {
    font-size: 180%;
}

a.helpIcon:hover, a.helpIcon:focus {
    color: #337ab7;
}

li.helpIcon a:hover {
    color: #337ab7 !important;
}

.pruebasWarning {
    background: #f25555;
    padding: 3px;
    text-align: center;
}

#ToPrint {
    padding-top: 2px;
    font-size: 12px;
    color: #000;
    background-color: #fff;
}

    #ToPrint .btn-circle.btn-lg {
        height: 40px;
        line-height: .8;
    }

    #ToPrint .panel .panel-heading {
        background: #dadbe2;
        color: #000000;
    }

    #ToPrint .nivelLabel {
        background: #dbe0e0;
    }

    #ToPrint .btn-circle.btn-lg {
        background: #ccc;
    }

        #ToPrint .btn-circle.btn-lg.active {
            background-color: #1d2455 !important;
            color: #fff !important;
        }

.printheader {
    display: flex
}

.printlogo {
    width: 50%;
}

.printtitle {
    width: 50%;
    text-align: right;
    margin-right: 20px;
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
}

/******* submenú *****/
.parent {
    color: #5d86c2;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 300;
}

.submenu {
    /*position: relative; */

    display: block;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.submenu-content {
    display: none;
    position: absolute;
    background-color: #eee;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .submenu-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

    .submenu-content li a {
        color: #444 !important;
    }

    .submenu-content a:hover {
        background-color: #f1f1f1
    }

.submenu:hover .submenu-content {
    display: block;
}

.divBigTable {
    overflow: auto;
}
/*VerticalCenter*/
.cellVC {
    vertical-align: middle !important;
}
/*Horizontal Center*/
.cellHC {
    text-align: center;
}
/*Align Right*/
.cellAR {
    text-align: right;
}
/*Align Left*/
.cellAL {
    text-align: left;
}
/*Cell Bold*/
.cellBld {
    font-weight: bold;
}
/*small Text*/
.smtxt {
    font-size: 70%;
}
/*Cell Colors*/
.cellCR { /*rojo*/
    background-color: #e53b3b;
}

.cellCY { /*Amarillo*/
    background-color: #dbef33;
}

.cellCG { /*Verde*/
    background-color: #16df38;
}

.cellCB { /*Azul*/
    background-color: #4b50ff;
}

.divAddObjBtn {
    text-align: left;
}

.divAddObj {
    text-align: right;
}

.nivelDivRight {
    text-align: right;
}

/*** nuevos 18/08/23 ****/
div#evaluacion-usuario-eda .tipoEval {
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    padding: 5px;
    font-size: 12px;
}

div#evaluacion-usuario-eda .tipoEvalEda {
    display: inline-flex;
    align-items: center;
    border: 1px solid;
    padding: 0px;
    font-size: 9px;
    margin-top: 34px;
}

div#evaluacion-usuario-eda .btnsSel span.btn {
    padding: 0;
    border-radius: 0;
    height: 30px !important;
    font-size: 15px;
}

div#evaluacion-usuario-eda .tipoEval > div {
    padding: 5px;
}

div#evaluacion-usuario-eda .tipoEvalEda > div {
    padding: 5px;
}

.col-md-2.nivelDiv .nivelTxt {
    height: 35px;
}

div#evaluacion-usuario-eda .col-md-2.nivelDiv {
    width: 30%;
}

div#evaluacion-usuario-eda .row {
    margin: 20px 0;
}

div#evaluacion-usuario-eda .tipoEval > div:nth-child(2) {
    border-left: 1px solid;
}

div#evaluacion-usuario-eda .tipoEvalEda > div:nth-child(2) {
    border-left: 1px solid;
}

.btnsSel {
    align-items: center;
}

div#evaluacion-usuario-eda .btnsSel span.btn, div#evaluacion-usuario-eda .btnsSel .btn-circle {
    margin-top: 0 !important;
}
/*** nuevos 25/08/23 ****/
.btn-group-sm > .btn, .btn-sm {
    padding: 5px 7px !important;
}

/* Header colores */
.panel-heading.kpiheader {
    background-color: #2DAAE1;
}

.panel-heading.edaheader {
    background-color: #c0314a;
}

.panel-heading.valheader {
    background-color: #FFED00;
    color: #717070;
}

.linetitle {
    width: 90%;
    height: 15px;
}

.back360 {
    background-color: #ac569d; /*Morado*/
}

.backeda {
    background-color: #E94E1A; /*Naranja*/
}

.backval {
    background-color: #FFED00; /*Amarillo*/
}

.backseg {
    background-color: #96c11f; /*Verde*/
}

.backkpi {
    background-color: #2DAAE1; /*Azul*/
    
}

.activeAutoEva {
    background-color: #1d2455 !important;
    color: #fff !important;
}

input.inputcheckUsuario.form-check-input {
    width: 100%;
}

.input-top {
    width: 100%;
}

.btn-tab {
    border-radius: 3px;
    padding: 5px;
    text-align: center;
}

.btn-tab:hover {
    background-color: #f46b6b !important;
}

.fila-seleccionada {
    background-color: #aafcff !important; /* azul claro */
}