@charset "UTF-8";
/***********To comment sections***********/
/****************************************Colores de la plantilla**********************************************************/
/***********To comment sections***********/
/****************************************Colores de la plantilla**********************************************************/
/******************************** Medias Display ***********************************/
/***********To comment sections***********/
/****************************************Colores de la plantilla**********************************************************/
/******************************** Medias Display ***********************************/
/***********To comment sections***********/
/****************************************Colores de la plantilla**********************************************************/
/****************************************************************************************************************/
.comments-line {
  position: relative;
  display: block;
  margin-top: 5%; }

/*
 * Component: Timeline
 * -------------------
 */
#comments-section {
  max-height: 93vh;
  overflow-y: auto;
  padding-top: 0;
  padding-right: 5px; }
  #comments-section.canAddNotes {
    max-height: 88vh; }
  #comments-section.isModal {
    max-height: 79vh; }
  #comments-section .stiky-search.with-shadow {
    -o-box-shadow: 0 20px 40px -21px rgba(0, 0, 0, 0.55) ;
    -webkit-box-shadow: 0 20px 40px -21px rgba(0, 0, 0, 0.55) ;
    -moz-box-shadow: 0 20px 40px -21px rgba(0, 0, 0, 0.55) ;
    box-shadow: 0 20px 40px -21px rgba(0, 0, 0, 0.55) ;
    background-color: #e5eaef; }
  #comments-section .stiky-search.without-shadow {
    -o-box-shadow: 0 0 0 0 transparent ;
    -webkit-box-shadow: 0 0 0 0 transparent ;
    -moz-box-shadow: 0 0 0 0 transparent ;
    box-shadow: 0 0 0 0 transparent ; }
  #comments-section .stiky-search h2 {
    font-size: 21px;
    text-align: left; }
  #comments-section .stiky-search .form-group {
    padding-left: 0; }

.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none;
  text-align: left;
  font-size: 0.95rem; }
  .timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px; }
  .timeline > li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px; }
    .timeline > li:before, .timeline > li:after {
      content: " ";
      display: table; }
    .timeline > li:after {
      clear: both; }
    .timeline > li > .timeline-item {
      -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      margin-top: 0;
      background: #fff;
      color: #444;
      margin-left: 60px;
      padding: 0;
      position: relative; }
      .timeline > li > .timeline-item > .time {
        color: #999;
        float: right;
        padding: 5px;
        font-size: 12px; }
        .timeline > li > .timeline-item > .time i {
          margin-right: 5px; }
      .timeline > li > .timeline-item > .timeline-header {
        margin: 0;
        color: #555;
        border-bottom: 1px solid #f4f4f4;
        padding: 5px;
        font-size: 16px;
        line-height: 1.1; }
        .timeline > li > .timeline-item > .timeline-header > a {
          font-weight: 600;
          color: #337ab7; }
      .timeline > li > .timeline-item > .timeline-body {
        word-wrap: break-word; }
      .timeline > li > .timeline-item > .timeline-body,
      .timeline > li > .timeline-item > .timeline-footer {
        padding: 10px; }
    .timeline > li > .fa,
    .timeline > li > .fas,
    .timeline > li > .far,
    .timeline > li > .glyphicon,
    .timeline > li > li > .ion {
      width: 30px;
      height: 30px;
      font-size: 15px;
      line-height: 30px;
      position: absolute;
      color: #666;
      background: #d2d6de;
      border-radius: 50%;
      text-align: center;
      left: 18px;
      top: 0; }
  .timeline > .time-label > span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px; }

.timeline-inverse > li > .timeline-item {
  background: #f0f0f0;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none; }

.timeline-inverse > li > .timeline-item > .timeline-header {
  border-bottom-color: #ddd; }

#divAgregarNotas {
  text-align: center; }
  #divAgregarNotas .btn.btn-agregar-nota {
    background-image: none;
    background: #2196f3;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
    border-color: #2196f3;
    color: white;
    text-shadow: none;
    opacity: 0.9;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    #divAgregarNotas .btn.btn-agregar-nota i {
      color: white; }
    #divAgregarNotas .btn.btn-agregar-nota:hover, #divAgregarNotas .btn.btn-agregar-nota:active, #divAgregarNotas .btn.btn-agregar-nota:visited {
      opacity: 1;
      /*background: $blue;
                border-color: $blue;*/ }

/*******************Para el modal y las versiones pequeñas* *************************/
#divInformacionCaducidad a {
  color: white;
  margin-right: 15px;
  cursor: pointer; }

#divInformacionCaducidad .btn-logout {
  float: right;
  margin-bottom: 0; }

#divInformacionCaducidad .caducidad-information {
  margin-bottom: 0;
  display: inline-block; }

.form-control:focus {
  -o-box-shadow: 0 0 0 0 transparent ;
  -webkit-box-shadow: 0 0 0 0 transparent ;
  -moz-box-shadow: 0 0 0 0 transparent ;
  box-shadow: 0 0 0 0 transparent ; }

/***********To comment sections***********/
/****************************************Colores de la plantilla**********************************************************/
/***********To comment sections***********/
/****************************************Colores de la plantilla**********************************************************/
/******************************** Medias Display ***********************************/
a {
  color: #676c7b; }
  a.login {
    color: #676c7b;
    font-weight: 400;
    font-size: 1.07rem;
    cursor: pointer;
    font-family: Poppins; }
    a.login:hover {
      color: #2196f3; }
  a.m-link {
    color: #2196f3; }
    a.m-link:hover {
      color: #34a9ca; }
  a:hover {
    color: #4d505c; }

.img-logo-center-div {
  width: 100%;
  max-width: 400px;
  margin-bottom: 35px; }

/*********************************************CSS Inicio**********************************/
span.im-caret {
  -webkit-animation: 1s blink step-end infinite;
  animation: 1s blink step-end infinite; }

@-moz-keyframes blink {
  from, to {
    border-right-color: black; }
  50% {
    border-right-color: transparent; } }

@keyframes blink {
  from, to {
    border-right-color: black; }
  50% {
    border-right-color: transparent; } }

@-webkit-keyframes blink {
  from, to {
    border-right-color: black; }
  50% {
    border-right-color: transparent; } }

span.im-static {
  color: grey; }

div.im-colormask {
  display: inline-block;
  border-style: inset;
  border-width: 2px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield; }

div.im-colormask > input {
  position: absolute;
  display: inline-block;
  background-color: transparent;
  color: transparent;
  -webkit-appearance: caret;
  -moz-appearance: caret;
  appearance: caret;
  border-style: none;
  left: 0;
  /*calculated*/ }

div.im-colormask > input:focus {
  outline: none; }

div.im-colormask > input::selection {
  background: none; }

div.im-colormask > div {
  color: black;
  display: inline-block;
  width: 100px;
  /*calculated*/ }

/* Chart.js */
@-webkit-keyframes chartjs-render-animation {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }

@-moz-keyframes chartjs-render-animation {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }

@keyframes chartjs-render-animation {
  from {
    opacity: 0.99; }
  to {
    opacity: 1; } }

.chartjs-render-monitor {
  -webkit-animation: chartjs-render-animation 0.001s;
  animation: chartjs-render-animation 0.001s; }

/**********************************************************************************************/
.img-logo {
  max-width: 160px; }

/********************************************************************************************/
#userNameLabel {
  font-size: 1.2rem; }

#userEmailLabel {
  font-size: 0.9rem; }

/**********************Foter Links***********************************************************/
.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-arrow {
  color: #2196f3; }

.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon {
  color: #2196f3; }

.m-nav .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text {
  color: #2196f3; }

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-arrow {
  color: #2196f3; }

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-icon {
  color: #2196f3; }

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link .m-nav__link-text {
  color: #2196f3; }

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link i.m-nav__link-icon.fab.fa-youtube.m--icon-font-size-lg3 {
  color: #cc181e; }

.m-nav .m-nav__item:hover:not(.m-nav__item--disabled) > .m-nav__link i.m-nav__link-icon.fab.fa-facebook-square {
  color: #3b5998; }

/********************************************************************************************/
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item {
  /****************Sub Menu************************/
  /**************************************************/ }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__ver-arrow {
    color: #c1c3d2; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon {
    color: #c1c3d2; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__ver-arrow {
    color: #c1c3d2; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color: #c1c3d2; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: #fff;
    font-size: 1.1 rem; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: #fff;
    font-weight: 500; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon {
    color: #fff;
    font-size: 1.1 rem; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text {
    color: #fff;
    font-weight: 500; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__ver-arrow {
    color: #fff; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-icon {
    color: #fff; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__heading .m-menu__link-text {
    color: #fff; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__ver-arrow {
    color: #fff; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-icon {
    color: #fff; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover > .m-menu__link .m-menu__link-text {
    color: #fff; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__heading .m-menu__link-text {
    color: #c1c3d2; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open > .m-menu__link .m-menu__link-text {
    color: #c1c3d2; }
  .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link .m-menu__link-text {
    color: #abadbf; }

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__section .m-menu__section-text {
  color: #c1c3d2; }

/**************Codigo para el iframe ***************************/
.responsive-iframe {
  position: relative;
  height: 100%; }
  .responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; }

/***************************Footer******************************/
footer.m-grid__item.m-footer.no-margin-left {
  margin-left: 0 !important; }

footer .m-footer__copyright a {
  color: #676c7b; }
  footer .m-footer__copyright a:hover {
    color: #2196f3; }

.m-body .m-content {
  height: 100%; }
  .m-body .m-content.no-padding {
    padding: 0; }

.resp-container {
  position: relative;
  overflow: auto;
  padding-top: 41.25%;
  height: 100%; }
  @media (max-width: 576px) and (min-width: 100px) {
    .resp-container {
      padding-top: 140.25%; } }
  @media (max-width: 768px) and (min-width: 576px) {
    .resp-container {
      padding-top: 110.25%; } }
  @media (max-width: 992px) and (min-width: screen-md-min) {
    .resp-container {
      padding-top: 110.25%; } }
  @media (max-width: 1366px) and (min-width: 1024px) {
    .resp-container {
      padding-top: 119.25%; } }
  @media (max-width: 1023px) and (min-width: 752px) {
    .resp-container {
      padding-top: 73.25%; } }

.resp-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0; }

.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link {
  cursor: pointer;
  padding: 9px 15px; }

.m-dropdown__arrow.m-dropdown__arrow--right.m-dropdown__arrow--right {
  color: white; }

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow {
  color: white; }

/*******************************************************************************************************/
/*******************************************************************************************************/
.center-text {
  text-align: center; }

.title-home {
  color: #575962;
  font-size: 32px; }

#resp-container {
  height: 100%; }

.full-height {
  height: 100%; }

.background-img-blur {
  background: url("../assets/img/archive-bg.jpg") no-repeat center center fixed;
  background-size: cover;
  overflow: hidden; }

.center-div {
  vertical-align: middle;
  margin: 0 auto; }

/******************************************************************************************************************/
.m-header-menu {
  /**************Sub menu superior************************************/ }
  .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon {
    color: #2196f3; }
  .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text {
    color: #2196f3; }
  .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__hor-arrow {
    color: #2196f3; }
  .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon {
    color: #2196f3; }
  .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__link-text {
    color: #2196f3; }
  .m-header-menu.m-header-menu--skin-light .m-menu__nav > .m-menu__item:hover > .m-menu__link .m-menu__hor-arrow {
    color: #2196f3; }
  .m-header-menu .m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon {
    color: #2196f3; }
  .m-header-menu .m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__subnav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon {
    color: #2196f3; }

#btnloguout {
  color: white;
  background: #2196f3;
  border: none; }
  #btnloguout:hover {
    background: #51abf6;
    border: none; }

.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-icon,
.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link .m-menu__link-icon {
  color: #2196f3; }

.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item.m-menu__item--hover > .m-menu__link .m-menu__link-text,
.m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item:hover > .m-menu__link .m-menu__link-text {
  color: #2196f3; }

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span {
  background: #c1c3d2; }
  .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before {
    background: #c1c3d2; }
  .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after {
    background: #c1c3d2; }

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span {
  background: white; }
  .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before {
    background: white; }
  .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after {
    background: white; }

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span {
  background: #c1c3d2; }
  .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before {
    background: #c1c3d2; }
  .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after {
    background: #c1c3d2; }

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-icon {
  color: #c1c3d2; }

div.errorMessage {
  background: #ff5252;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
  color: white;
  border-radius: 5px;
  margin: 0 auto;
  width: 80%;
  margin-top: 25px; }
  div.errorMessage a {
    color: white; }
  div.errorMessage h2 {
    color: white; }

#m_aside_left #menulateral li.m-menu__item--active {
  background-color: #f6f7fd; }
  #m_aside_left #menulateral li.m-menu__item--active .m-menu__link-icon {
    color: #313752 !important; }
  #m_aside_left #menulateral li.m-menu__item--active .m-menu__link-text {
    font-weight: bold; }

.m-body .m-content {
  padding-bottom: 5px; }

.btn.btn-success-trs {
  color: #fff !important;
  background-color: #34bfa3;
  border-color: #34bfa3; }

.m-brand.m-brand--skin-dark {
  background: white !important; }

#m_aside_left {
  padding-top: 0; }