/**Estilos para consultar tutoriales*/

.cnt-btn-tuto{
    margin-bottom: 10px;
}
.btn-tutorial{
    height: 42px;
    background: #eee;
    border-radius: 25px;
    padding-left: 10px;
}

.col-green-icn{
    color: #00A651;
}

.section{
    display: inline-block;
    vertical-align: middle;
}

.type-tuto{
    width: 6%;
    font-size: 24px;
    text-align: center;
    padding-right: 5px;
}

.check-tutos{
    /* margin: 0; */
    text-align: right;
    padding-top: 10px;
}

input.check-a{
    vertical-align: middle;
    margin: 0;
}

.titulo-tuto{
    width: 75%;
}
.no-padding-left{
    padding-left: 0;
}

.no-padding{
    padding: 0;
}

.text-right{
    text-align: right;
}

.no-padding-right{
    padding-right: 0;
}

.buscador-consulta{
    padding-bottom: 20px;
}

.status{
    font-size: 10px;
}
.status-tuto{
    width: 14%;
    text-align: center;
    padding-top: 4px;
}

.status-tuto p {
    margin: 0;
    text-align: center
}

.status-tuto p:before {
   margin: 0 auto;
   font-size: 20px;
}

.titulo-tutorial {
    font-size: 14px;
}

.finalizado {
    text-decoration-style: none;
    color: #808080 !important;
}

.status-iniciar {
    background: #F9EED7;
}

.status-finlizado {
    /*background: #CAE6CE;*/
    background: #d7f3db;
}

.status-iniciar a,
.status-finlizado a {
text-decoration:underline;
}

.content-tutos {
    min-height: 425px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
    padding-bottom: 20px;
}

.content-tutos h3 {
    padding: 20px 15px 10px 15px;
}

#btn-SalirTutos{
    margin-top:20px;
    right: 0px;
    position: absolute
}

.padding4 {
  padding: 4px !important;
}

@media (max-width:1024px) {

#filtrosconstut .btn-iniciar-sesion {
margin-right: 5px;
}

#filtrosconstut .glyphicon-filter {
margin: 1px 0px 0px 0px;
vertical-align: text-top;
}

}

/**Concultar tutoriales Interno**/

.content-consulta{
  width:100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 350px;
    overflow-y: scroll;
}

.table-consulta{
  border-collapse:collapse;
  border-spacing:0;
  width: 100%;
  margin:0px auto;
}


.table-consulta th{
  font-size:14px;
  font-weight:normal;
  padding:10px 5px;
  border-bottom: 1px solid #000;
  overflow:hidden;
  word-break:normal;
}
.table-consulta .tg-baqh{
  text-align: left;
  vertical-align: middle;
  padding: 10px 5px;
}
.table-consulta .tg-yw4l{

  text-align: center;
  padding: 10px 5px;
}

.table-consulta tr{
    border-bottom: 1px solid #ccc;
}

#paginador-tutosConsulta{
   margin: 20px 0;
}

.paginador a{
    display: inline-block;
    text-decoration: none; 
    color: inherit;  
}

ul.list-pages{
    padding: 0;
    display: inline-block;
    width: auto;
}


ul.list-pages li{
   display: inline-block;
   width: 20px;
   height: 20px;
   text-align: center;
   cursor: pointer;
}

ul.list-pages li:hover{
   border: 1px solid #989898;
   background: #EFEFEF;
   border-radius: 1px;
}

ul.list-pages li.active{
   border: 1px solid #989898;
   background: #EFEFEF;
   border-radius: 1px;
}

@media screen and (max-width: 767px) {
  .table-consulta {
    width: auto !important;
    }
  .table-consulta col {
    width: auto !important;
  }
  .content-consulta {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: auto 0px;
  }
}

/** admon tutoriales **/

.botonglyphicon {
    cursor: pointer !important;
    width: 30px;
    height: 30px;
    display: inline-block;
    padding-top: 8px;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
    margin-top: -8px;
    text-align: center;
}

.botonglyphicon:hover {
    background-color:#e1e1e1;
}

.padding20 {
    padding: 20px !important;
}

#gvtutoriales td:nth-child(1), 
#gvtutoriales td:nth-child(2), 
#gvtutoriales td:nth-child(3) {
    width:20%;
}

#gvtutoriales td:nth-child(4) {
    width:30%;
    font-size:11px;
}

.scrollalto200 {
    height:200px;
    overflow-x:hidden;
    overflow-y:auto;
    border:1px solid #e1e1e1;
    padding-top: 10px;
}

.flotader {
float: right !important;
}

.altura300 {
    height: 300px !important;
}

.margenarri10 {
margin-top: 10px !important;
}

.alturamax72 {
    overflow-y: hidden;
    max-height: 72px;
}

#cuerpotutorialesgrid td {
vertical-align:top;
}

#cuerpotutorialesgrid .botonglyphicon {
margin-top: 0px;
}

#cuerpotutorialesgrid td:first-child {
width:50%;
}

#cuerpotutorialesgrid td:nth-child(2), 
#cuerpotutorialesgrid td:nth-child(3) {
width:25%;
}

#cuerpotutorialesgrid td:nth-child(2) {
    word-break: break-all;
}

.margenarri42 {
    margin-top: 42px !important;
}

.btn-filtro {
    color: #676a6c;
    padding: 5px 10px;
    vertical-align: bottom;
    font-size: 16px;
    background: none;
    border: 2px solid #cdcccc;
    border-radius: 6px;
}

.btn-filtro:hover {
    background: #CDCCCC;
    color: white !important;
}

.paddingarri9 {
    padding-top: 9px !important;
}

.paddingaba20 {
    padding-bottom: 20px !important;
}

#cuerpotutorialesgrid a > span {
  color:#676a6c;
}

#cuerpotutorialesgrid .glyphicon-eye-open {
  padding-top:7px;
  padding-left:1px;
}

/** crear/actualizar tutoriales **/

#creaeditutorial .contenidopaneldelista {
    height: 272px;
    border: 1px solid #c0c0c0;
    border-top: none;
}

#creaeditutorial .titulopaneldelista {
     border-bottom: none;
     text-align: left;
}

#creaeditutorial .areabloquescheck {
    height: 175px;
    border: 1px solid #c0c0c0;
    margin-bottom: 5px;
    padding: 0px 6px;
    overflow-x: hidden;
    overflow-y: auto;
}

#creaeditutorial_a .checkproducto label {
    width: 74%;
    overflow: initial;
    text-overflow: initial;
    word-wrap: normal;
    white-space: inherit;
    vertical-align: top;
}

#creaeditutorial .titulochecks {
    padding-left: 15px !important;
}

#creaeditutorial .registrodelista {
padding-bottom: 8px;
}

#creaeditutorial .has-feedback > i {
  right: -25px !important;
}

.centralistado {
    position: absolute;
    top: 125px;
    left: 24%;
}

#registroscatperf small {
    width:auto;
}

#creaeditutorial .paneldelista {
    padding: 4px 0px;
}

#creaeditutorial .registropaneldelista {
    word-break: initial;
}

#creaeditutorial .registrodelista {
    word-break: initial;
}

@media (max-width:1024px) {

#todoserv {
    width: 66% !important;
}

#creaeditutorial .areabloquescheck {
    height: 145px;
}

#registroscatperf .centralistado {
    left: 14%;
}

#btnFiltro.filtrado, 
#btnLimpiarFiltro.filtrado {
  padding: 2px !important;
  min-width: 54px !important;
}

#registroscatperf {
font-size: 12px;
}

#admontutoriales table {
word-break: break-all;
}

#creaeditutorial .paneldelista {
    font-size: 12px;
}

#registroscatperf .btn {
    margin-left: -6px !important;
}

}

/** Modal tutoriales pendientes **/

#tutoPendientes .modal-body h4{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 0px;
}

#tutoPendientes .modal-body a{
    margin: 30px 20px 10px;
    background-color: #C1C1C1;
    border-color: #C1C1C1;
}

#tutoPendientes .modal-dialog{
    width: 430px!important;
}

#tutoPendientes .modal-body a:hover {
    background-color: #A2A2A2;
    border-color: #A2A2A2;
}