/*planificacion clase*/
.content-temas li {
    list-style-type:none;
    margin: 0;
    padding:10px 5px 0 5px;
    position:relative
}
.content-temas li::before, .content-temas li::after {
    content:'';
    left:-35px;
    position:absolute;
    right:auto
}
.content-temas li::before {
    border-left:1px solid #999;
    height:100%;
    top:0;
}
.content-temas li::after {
    border-top:1px solid #999;
    height:25px;
    top:25px;
    width:40px;
}
.content-temas li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.content-temas li.parent_li>span {
    cursor:pointer
}
.content-temas>ul>li::before, .content-temas>ul>li::after {
    border:0
}
.content-temas li:last-child::before {
    height:30px
}
/*.content-temas li.parent_li>span:hover, .content-temas li.parent_li>span:hover+ul li span {*/
/*    background:#eee;*/
/*    border:1px solid #94a0b4;*/
/*    color:#000*/
/*}*/

.content-temas li:last-child::before {
    top: -5px!important;
}

.content-temas ul:first-child>li:first-child::before {
    top: 25px!important;
}


/*recursos*/
.panel-recursos{
    display: flex;
    flex-flow: row wrap;
}
.menu-boton{
    padding: 5px 10px 5px 10px;
    /*width: 100px;*/
    /*height: 130px;*/
    float: left;
}
.button-content{
    background-color: rgb(246, 246, 246);
    width: 100%;
    height: 100%;
    padding: 2px 3px 2px 3px;
}
.button-content:hover {
    background: rgba(36, 117, 233, 0.28);
    color: white;
    color: #6984bf;
    cursor: pointer;
}

.button-header{
    width: 100%;
    height:60%;
    text-align: center;
    padding: 1px 1px;
}
.img-menu{
    width: 100%;
    height: 100%;
    padding: 5px 10px 5px 10px;
}
.img-menu-vertical{
    width: 32px;
    height: 32px;
    padding: 5px;

}
.button-footer{
    text-align: center;
    width: 100%;
    height:40%;
    padding: 2px 5px 1px 5px;
    color: #000;
}



/* ----------------------Actualizacion-----------------------*/

.div-planificacion {
    width: 100%;
    /*border: #e0e0e0 solid 1px;*/
}

.div-planificacion .div-semanal {
    /*border: #e0e0e0 solid 1px;*/
    width: 100%;
}

.div-semanal .semana {
    line-height: 25px;
    padding: 6px 10px;
    border: #e0e0e0 solid 1px;
}

.div-semanal .semana-data {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.semana-data .semana-item .item-encabesado {
    border: #e0e0e0 solid 1px;
    padding: 6px 10px;
    height: 60px;
}

.semana-data .semana-item .item-detalle {
    border: #e0e0e0 solid 1px;
    padding: 6px 10px;
    height: 200px;
}

.semana-item .item-encabesado .acciones .btn:hover {
    border: 1px silver solid;
}

/* custom_table_styles.css */
table.table.table-middle tbody tr:hover {
    background-color: #d8ecfb;
    cursor: pointer;
}

