@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,700,900);

body{
  font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, serif, sans-serif;
}
h1, h2, h3, h4, h5, h6, blockquote{
    font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, serif, sans-serif;
}
.site-menubar{
  font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, serif, sans-serif;
}
a.link-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.box-shadow-none{
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
}
/***********/
.margin-left-260{
  margin-left:260px!important;
}
.active-inner{
  font-family: "Nunito", Arial, "Helvetica Neue", Helvetica, serif, sans-serif;
  /*font-size: 14px!important;*/
}
.widget {
  height: -webkit-calc(100% - 30px);
  height:         calc(100% - 30px);
  margin-bottom: 30px;
}
.toggle-top{
  z-index:1600!important;
  top:0px!important;
  height: -webkit-calc(100% + 66px)!important;
  height: calc(100% + 66px)!important;
}
.wrapper-circle-img{
   overflow: hidden;
}
.avatar-icon-career{
   position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: bottom;
    border-radius: 1000px;
    width: 120px;
    height: 120px;
    padding: 15px;
    overflow:hidden;
}
.avatar-icon-career img{
  width: 100%;
  height: 100%;
  height: auto;
  border: 0 none;

}
.border-radius-none{
  border-radius: none!important;
}
.circle-img{
  border-radius: 50%!important;
}
.navbar-brand{
    padding: 14px 20px;
}

/**/
.max-width-1300{
  max-width:1300px!important;
}
.media-body {
    width: 10000px;
}
/**/

.modal-backdrop.in{
  display: none!important;
}
.modal-dialog {
    margin-top: 66px!important;
}
.modal-sumernote-xp{
  padding-right: 0px!important;

}
.note-editor.note-frame{
  margin-bottom: 10px!important;
}
.cancel-comment{
  top:-49px!important;
  margin-bottom:-38px;
}
/*Menu Hamb*/
.container-fluid {
    padding-left: 0px !important;
    }
  .site-navbar .navbar-container .navbar-toolbar [data-toggle=menubar] {
    margin-right: 5px;
    margin-left: 5px;
}
li#toggleMenubar, #menuLess {
  background-color: rgba(38,50,56,0.7)!important;
  width: 40px;
  overflow: hidden;
  -webkit-border-radius: 0;
  border-radius:0;
  -webkit-box-shadow: 3px 0 6px 0 rgba(0,0,0,.05),3px 0 15px 0 rgba(0,0,0,.1);
  box-shadow: 3px 0 6px 0 rgba(0,0,0,.05),3px 0 15px 0 rgba(0,0,0,.1);
}

#menuLess:hover{
   background-color: rgba(38,50,56,0.9)!important;
}
.btn-bg-blue-grey-900{
  z-index: 1501!important;
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  background-color: rgba(38,50,56,0.9)!important;
  border-radius: 0px 50% 50% 0px!important;
  -webkit-border-radius: 0px 50% 50% 0px!important;
height: 50px!important;
width: 40px!important;
    padding: 12px 10px !important;
  }
.btn-blue-grey-900:hover{
   background-color: rgba(38,50,56,1)!important;

}
.navbar-toggle-left {
    margin-left: 0 !important;
}
.navbar-toggle {
    padding: 10px;
    }
.navbar-toggle i{
   font-weight: 600;
   font-size: 1em;
}
.min-width-nav{
  min-width: 260px!important;
  max-width: 260px!important;
}
.top-0-sidebar{
  z-index: 1501!important;
  top: 0px!important;
  height: 100%!important;
  webkit-transform: translate3d(0,0,0);
    -ms-transform: translate(0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/***********/

.list-group-item a.course-item{
color:#757575;
display: block;
clear: both;
    float: none!important;
}
.list-group-item a.course-item:hover, .list-group-item a.course-item:active, .list-group-item a.course-item:focus{
text-decoration:none;
}
li.list-group-item:hover{
  background: #f1f1f1;
}
li.list-group-item-nohover:hover{
  background: none;
}
/*Especialidad*/
.site-specialty {
    /*top: 66px;*/
    z-index: 1400;
    width: 100%;
    font-family: Roboto,sans-serif;
    color: rgba(97,97,97,.9);
    background: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
}

/*Lesson*/
.site-menu>.site-menu-item>a {
    padding: 0 10px !important;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu>.site-menu-item>a .site-menu-title {
    width: 40px !important;
}
.site-menubar-fold:not(.site-menubar-open) .site-menubar {
    width: 40px !important;
    height: 100%;
}
.site-menubar-fold:not(.site-menubar-open) .site-menu>.site-menu-item>.site-menu-sub {
    left:41px !important;
  }

/*/////////////* lesson v1.2 **********/

/*MENÚ LECCIONES*/
.lesson-detail .site-menubar .site-menubar-header {
    height: auto;
    overflow: hidden;
    text-overflow:  ellipsis;
    white-space: nowrap;
}
.lesson-detail .site-menubar .site-menubar-header a{
  text-decoration: none;
}
.lesson-detail .site-menubar .site-menubar-header .overlay-panel {
    padding: 15px;
}
.lesson-detail .site-menubar .site-menubar-header .overlay-background { /*por leccion*/
    background: rgba(0,0,0,.5);
     color: #fff;
}
.lesson-detail .site-menubar .site-menubar-header .cover .cover-image {
    max-height: 100px;
}
/**/
.site-menubar-fold:not(.site-menubar-open) .site-menu>.site-menu-item>.site-menu-sub .site-menu-item>a {
    padding: 0 10px;
}
.site-menu-title {
    display: inline-block;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
/*
.lesson-detail .site-menubar .scrollable-container{
width: 260px!important;
}
.lesson-detail .site-menubar .scrollable-container .scrollable-content{
  min-width: 260px!important;

}*/
/*
.lesson-detail .site-menubar .site-menubar-header .site-menubar-info {
    width: 180px;
}*/
.lesson-detail .site-menubar .site-menubar-header .avatar {
    float: left;
    margin-right: 10px;
}
/**/

@media (max-width: 767px)
.site-menubar-open .page, .site-menubar-open .site-footer {
    padding-left: 0;
    -webkit-transform: initial!important;
    -ms-transform: initial!important;
    -ms-transform: initial!important;
    transform: initial!important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px!important;
    padding-left: 10px!important;
}
.lesson-detail .top-content {
  margin-left:40px;
}
.lesson-detail .top-content .bg-white {
    background: #ffffff!important;
  }
.lesson-detail .top-content .page-header {
    padding: 10px;
  }
.lesson-detail .top-content .page-header .row{
    margin:0!important;
  }
.lesson-detail .top-content .page-header .table{
  margin-bottom: 0!important;
 }
 .lesson-detail .top-content .page-header .table>tbody>tr>td{
  border: none!important;
 }
.lesson-detail .top-content .page-header .media-heading{
      margin-bottom: 2px !important;
      font-size: 16px;
}
.lesson-detail .top-content .page-header .media-heading a, .lesson-detail .top-content .page-header .course-esp-name a{
  color:#424242!important;
}
.lesson-detail .top-content .page-header .media-heading a:hover, .lesson-detail .top-content .page-header .course-esp-name a:hover{
 opacity: 0.9;
}
.lesson-detail .top-content .page-header .page-title{
  font-size: 24px;
}



.lesson-detail .top-content .page-header .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0 8px;
  }
.d-especiality{
    display: block;
  }
  /*tab  panel*/
.nav-tabs {
  background-color: #d9dfe3;
  border-radius: 4px 4px 0 0;

}

.nav-tabs>li {
    margin: 3px 3px -1px 3px;
}
.nav-tabs>li>a {
    color: #424242;
    margin-top:3px;
    background-color: rgba(255, 255, 255, 0.3)!important;


}
.nav-tabs>li>a:hover {
  color: #fff!important;
    border-color: transparent;
    border-bottom:1px solid #616161 !important;
    background-color: #616161!important;

}
.nav-tabs-line>.nav-tabs-autoline {
    background-color: #616161;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff!important;
    background-color: #616161!important;
    border-color: transparent;
    border-bottom:2px solid #616161 !important;
        margin-top: -2px;
    padding: 12px 20px!important;
}



  /*COMMENTS LESSON*/
.avatar {
    width: 30px;
  }
.avatar-lg {
    width: 40px;
}
.avatar-xs{
    width: 20px
}
.avatar-100 {
    width: 100px;
}
.avatar-150 {
    width: 150px;
}
/**/
.lesson-detail .panel-lesson{
  height:100%;
}
.lesson-detail .tabLessonC{
  background-color: #f3f7f9;
 /* min-height: 100%;*/
}
.lesson-detail .tab-questions-wrapper{
  /*max-height: 250px;
  overflow-y:scroll;*/
}
/*scroll nuevo*/
.lesson-detail .comentsScrollbar{
  background: transparent url(../assets/images/elements/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px;
}
.lesson-detail .comentsScrollbar .track {
  background: transparent url(../assets/images/elements/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
.lesson-detail .comentsScrollbar .thumb {
  background: transparent url(../assets/images/elements/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.lesson-detail .comentsScrollbar .thumb .end {
 background: transparent url(../assets/images/elements/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px;
}
.lesson-detail .disable {
  display: none;
}
.lesson-detail .noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
/**/
.comment-content p{
  color: #424242;
}
.comments .comment-author{
font-weight: 500;
color:#009688 !important;
}
.comments .comment-actions a {
    color: #424242;
}
.comments .comment {
    padding: 10px 5px !important;
    background-color: #ffffff!important;
    webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}
.comment .comment {
    padding-bottom: 10px;
    margin-top: 10px;
}

.comments .comment .comment-body .comment-content p{
line-height: 1.4;
}
.comment-actions .btn-like i, .comment-actions .btn-dislike i, .comment-actions .btn-favorite i{
text-shadow: 1px 1px 1px #fff,0 0 0 #000,1px 1px 1px #fff;
  color: rgba(214, 214, 214, 0.8)!important;
  font-size: 16px;
}
.comment-actions .btn-like i.active, .comment-actions .btn-like:focus i, .comment-actions .btn-like:hover i{
 color: #167ac6!important;
}
.comment-actions .btn-dislike i.active, .comment-actions .btn-dislike:focus i, .comment-actions .btn-dislike:hover i{
 color: #616161!important;
}
.comment-actions .btn-favorite i.active, .comment-actions .btn-favorite:focus i, .comment-actions .btn-favorite:hover i{
 color: #e53935!important;
}

.comment-reply {
    margin: 15px 0 10px;
}
.comment-reaction-new {
    border: 1px solid #e0e0e0;
    padding: 5px;
    cursor: text;
    color: #9e9e9e;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom: 10px!important;
}
.comment-reaction-new:hover, .comment-reaction-new a:hover {
  border-color: #9e9e9e;
  text-decoration: none!important;
}
.comment-reaction-new:hover, .comment-reaction-new span {
text-decoration: none!important;
-webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select:none;
}
.comment-reaction-new .avatar{
  vertical-align: middle!important;
  margin-right: 10px;
}

@media (min-width: 992px){
.modal-lg {
    width: 90%!important;
}}

/**lesson notes*/
.lesson-detail .note-wrapper{
  background-color: #f3f7f9;
}
.lesson-detail .note-bottom-reverse {
    padding: 15px 25px 20px 15px!important;
    margin-right:15px;
}
.lesson-detail .note {
    position: relative;
    padding: 25px 15px 5px 35px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    margin-top: 0px;
    margin-bottom: 10px;
}
.lesson-detail .note a, .lesson-detail .note a:hover{
  color: #fff!important;
  text-decoration: none;
}
.ribbon-danger .ribbon-inner{
background-color:#FF6D00}
.ribbon-danger.ribbon-bookmark .ribbon-inner:before{
border-color:#FF6D00;border-right-color:transparent}
.ribbon-danger.ribbon-bookmark.ribbon-reverse .ribbon-inner:before{
  border-right-color:#FF6D00;border-left-color:transparent}
.ribbon-danger.ribbon-bookmark.ribbon-vertical .ribbon-inner:before{
    border-right-color:#FF6D00;border-bottom-color:transparent}
.ribbon-danger.ribbon-bookmark.ribbon-vertical.ribbon-reverse .ribbon-inner:before{
  border-right-color:#FF6D00;border-bottom-color:transparent;border-left-color:#FF6D00}
.ribbon-danger.ribbon-corner .ribbon-inner{
  background-color:transparent}
.ribbon-danger.ribbon-corner .ribbon-inner:before{
  border-top-color:#FF6D00;border-left-color:#FF6D00}
.ribbon-danger.ribbon-corner.ribbon-reverse .ribbon-inner:before{
  border-right-color:#FF6D00;border-left-color:transparent}
.ribbon-danger.ribbon-corner.ribbon-bottom .ribbon-inner:before{
  border-top-color:transparent;border-bottom-color:#FF6D00}
.ribbon-danger .ribbon-inner:after{
  border-top-color:#FF9100;border-right-color:#FF9100}
.ribbon-danger.ribbon-reverse .ribbon-inner:after{
  border-right-color:transparent;border-left-color:#FF9100}
.ribbon-danger.ribbon-bottom .ribbon-inner:after{
  border-top-color:transparent;border-bottom-color:#FF9100}
/*lesson support*/
/**/
.support-wrapper .list-group-bordered {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.support-wrapper .list-group {
    padding-left: 0;
    margin-bottom: 0px;
}
.support-wrapper .list-group .list-group-item {
    padding: 15px;
}

.support-wrapper .list-group .list-group-item:first-child {
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.support-wrapper .list-group .list-group-item:last-child {
    margin-bottom: 0;

    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.support-wrapper .list-group-item>.btn {
    float: right;
}
/**/
.lesson-detail .page-content .video-wrapper, .lesson-detail .page-content .shortcode_wrapper{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  background: #000000;
}
.lesson-detail .page-content .video-wrapper iframe,
.lesson-detail .page-content .video-wrapper object,
.lesson-detail .page-content .video-wrapper embed,
.lesson-detail .page-content .shortcode_wrapper iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.lesson-detail .page-content .table {
  table-layout: fixed;
}
.lesson-detail .page-content .table .content {
  position: relative;
}
.lesson-detail .page-content .table .content > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lesson-detail .page-content .table .flags {
  display: inline-block;
}
.lesson-detail .page-content .table a {
  text-decoration: none;
}
.lesson-detail .page-content .table .title {
  line-height: 25px;
}
.lesson-detail .page-content .table .title > * {
  margin-right: 10px;
}
.lesson-detail .page-content .table .title .locked {
  color: #9e9e9e;
}
.lesson-detail .page-content .table .sticky-top {
  font-size: 90%;
}
.lesson-detail .page-content .table .sticky-top .icon {
  margin-right: 4px;
}
.lesson-detail .page-content .table .metas {
  color: #9e9e9e;
}
.lesson-detail .page-content .table .metas > span {
  position: relative;
  margin-right: 10px;
}
.lesson-detail .page-content .table .metas > span + span:before {
  position: absolute;
  top: 50%;
  left: -8px;
  width: 2px;
  height: 2px;
  content: "";
  background-color: #a7b0b8;
}
.lesson-detail .page-content .table .forum-posts {
  text-align: right;
}
.lesson-detail .slidePanel-header {
  background-color: #7cb342;
}
.lesson-detail .slidePanel-header:before,
.lesson-detail .slidePanel-header:after {
  display: table;
  content: " ";
}
.lesson-detail .slidePanel-header:after {
  clear: both;
}
.lesson-detail .slidePanel .actions-top {
  position: absolute;
  top: 30px;
  right: 20px;
}
.lesson-detail .slidePanel .actions-bottom {
  position: absolute;
  right: 20px;
  bottom: 30px;
}
.lesson-detail .slidePanel .avatar,
.lesson-detail .slidePanel .name {
  margin-right: 6px;
}
.lesson-detail .slidePanel .time {
  color: #9e9e9e;
}
.lesson-detail .slidePanel .forum-header,
.lesson-detail .slidePanel .forum-content,
.lesson-detail .slidePanel .forum-metas {
  margin-bottom: 20px;
}
.lesson-detail .slidePanel .forum-header:before,
.lesson-detail .slidePanel .forum-content:before,
.lesson-detail .slidePanel .forum-metas:before,
.lesson-detail .slidePanel .forum-header:after,
.lesson-detail .slidePanel .forum-content:after,
.lesson-detail .slidePanel .forum-metas:after {
  display: table;
  content: " ";
}
.lesson-detail .slidePanel .forum-header:after,
.lesson-detail .slidePanel .forum-content:after,
.lesson-detail .slidePanel .forum-metas:after {
  clear: both;
}
.lesson-detail .slidePanel .forum-content:last-child {
  margin-bottom: 0;
}
.lesson-detail .slidePanel .tags {
  margin-bottom: 15px;
}
/*Lesson description*/
.lesson-detail .lesson-description .lesson-instructor{
  position:relative;
  padding-left:110px;
}
.lesson-detail .lesson-description .lesson-instructor .author-lesson{
  position:absolute;top:-70px;left:0;
}
.lesson-detail .lesson-description .lesson-content{
  border-top:1px solid #e6e8ea;
  padding-top: 10px;
}

.lesson-detail .lesson-description .lesson-content p{
font-size: 16px;
}

.lesson-detail .lesson-description .lesson-content p img{
max-width: 100%!important;
}

/*MEDIA QUERYS*/
@media (max-width: 1199px) {
  .lesson-detail .page-content .table .content {
    padding-right: 100px;
  }
  .lesson-detail .page-content .table .flags {
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width:320px) and (max-width: 480px) {
  .background-bottom .col-xs-6 {
    width: 100%;
  }
  .background-bottom .col-xs-6 .col-xs-6 {
    margin-top: 20px;
  }
  .avatar-group .counter-icon {
    display: block;
  }
  .avatar-group .counter-icon > i {
    margin: 0 !important;
  }

  .lesson-detail .nav-tabs-line > li > a {
    padding: 10px;
  }
  .lesson-detail .responsive-hide {
    display: none !important;
  }
  .lesson-detail .page-content .table .content {
    padding-right: 0;
  }
  .lesson-detail .page {
  margin-top: 20px;
  margin-bottom: 20px;
}
  .d-especiality{
    display: none !important;
  }
}

@media screen and (min-width: 1600px) {
  .lesson-detail .page {
    max-width: 1600px;
    min-height: -webkit-calc(100% - 44px);/**aqui quitar*/
    min-height: calc(100% - 44px);
  }
  .lesson-detail .page-contex{
    max-width: 1200px;
  }

}
@media (min-width: 1200px) and (max-width: 1599px) {
  .lesson-detail .page {
    max-width: 1140px;
  }
  .lesson-detail .max-width-1300 {
    max-width: 1140px!important;
  }
  .lesson-detail .page-contex{
    max-width: 983px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .lesson-detail .page, .lesson-detail .page-contex {
    max-width: 982px;
    margin-left: 48px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .lesson-detail .page, .lesson-detail .page-contex {
    max-width: 708px;
    margin-left: 48px;
  }

}
@media screen and (max-width: 768px) {
  .navbar-brand-logo{
    margin-top: -5px;
  }
  .lesson-detail .page {
    margin: 10px 0px 0px 40px;
  }
  .d-especiality{
    display: none !important;
  }
  .lesson-detail .top-content .page-header .page-title{
    font-size: 18px;
  }
  .lesson-detail .main-row-lesson{
    margin-top: 0px!important;
  }
  #BtnNext{
    width: auto!important;

  }
.lesson-detail .page-content .shortcode_wrapper{
  padding-bottom: 90% !important;
}
}