/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 5 ago. 2021, 20:52:24
    Author     : tito
*/
/*Popup*/
.popup_itd_plm {
    position:fixed; z-index:2; top:60px; left:50%;
    width:460px; height:270px; background:#fff;
      -moz-box-shadow:4px 4px 30px #130507;
      -webkit-box-shadow:4px 4px 30px #130507;
    box-shadow:4px 4px 30px #130507;
      -moz-transition:top 800ms;
      -o-transition:top 800ms;
      -webkit-transition:top 800ms;
    transition:top 800ms;
}
.popup_itd_plm .p_content { width:100%; padding:20px}
.popup_itd_plm .p_close { position:absolute; top:0; right:0; width:16px; height:12px; padding:15px 11px 0 0; }
.popup_itd_plm .p_close span { display:block; width:18px; height:5px; background:#333; }
.popup_itd_plm .p_close span:first-child {
      -ms-transform:rotate(45deg);
      -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
  }
.popup_itd_plm .p_close span:last-child {
    margin:-5px 0 0;
      -ms-transform:rotate(135deg);
      -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  .p_body_popup_fade {
    position:fixed; top:0; left:0; width:100%; height:100%;
    background:#000; opacity:0.7;
      -moz-transition:opacity 800ms;
      -o-transition:opacity 800ms;
      -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
  }
.js__popup {}
.js__p_start {}
.js__p_close {}
.js__p_body {}
.js__slide_top { height:0; overflow:hidden; top:0; }
.js__fadeout { height:0; overflow:hidden; opacity:0; }

/*Fin Pupup*/

table.dataTable tbody tr.selected{
    background-color: blue;
}
.label-requerido, .error{
    color: #ff0000;
    font-weight: 400;
}
.dt-buttons{
    margin-top:20px;
}
.flex-container-video {
    padding: 0;
    margin: 20px 0 0 0;
    list-style: none;
    display: flex;
}
.space-between-video{
    justify-content: space-between; 
}
.video-curso-contenido .btn{
    padding: 12px;
    color: #595959;
    border-radius: 5px;
}
.video-curso-contenido .btn:hover{
    cursor: pointer;
}

.video-curso-contenido .bi{
    top: 50%;
    vertical-align: top;
}

/*Menu Usuario*/
ul.menu-usuario-plm {
list-style-type:none;
margin: 0 auto;
}
.menu-usuario-plm li > div {
  line-height:18px;
  font-size:13px;
  position:relative;
  float:left;
  margin-right: 10px;
}
.menu-usuario-plm li a {
color: #000;
text-transform:uppercase;
padding: 5px 20px;
text-decoration:none;
}
.menu-usuario-plm li a:hover {
background: #9c0101;
color: white;
}
.menu-usuario-plm li ul {
display:none;
position:absolute;
top:20px;
width: 240px;
background-color: #f4f4f4;
padding:0;
list-style-type:none;
}
.menu-usuario-plm li ul li {
width: 200px;
border: 1px solid #9c0101;
border-top:none;
padding: 10px 20px;
}
.menu-usuario-plm li ul li:first-child {
border-top: 1px solid #9c0101;
}
.menu-usuario-plm li ul li a {
width: 240px;
margin: 0;
padding:0;
}
.menu-usuario-plm li ul li a:hover {
width: 240px;
margin: 0;
color: #9c0101;
background:none;
}
*/

@media only screen and (max-width: 575px){
    ul.botones-menu-video li span{
        display: none;
    }

}