body{
    background-color: #F2F2F2!important;
}

/*Instalamos fuentes*/
@font-face {
  font-family: 'Montserrat-Regular';
  src: url(../../templatebase/assets/plugins/global/fonts/Montserrat-Regular.ttf);
}

@font-face {
  font-family: 'Montserrat-Bold';
  src: url(../../templatebase/assets/plugins/global/fonts/Montserrat-Bold.ttf);
}

@font-face {
  font-family: 'Montserrat-Black';
  src: url(../../templatebase/assets/plugins/global/fonts/Montserrat-Black.ttf);
}

@font-face {
  font-family: 'Montserrat-Light';
  src: url(../../templatebase/assets/plugins/global/fonts/Montserrat-Light.ttf);
}

@font-face {
  font-family: 'Montserrat-Thin';
  src: url(../../templatebase/assets/plugins/global/fonts/Montserrat-Thin.ttf);
}

@font-face {
  font-family: 'MontserratAlternates-Regular';
  src: url(../../templatebase/assets/plugins/global/fonts/MontserratAlternates-Regular.ttf);
}

@font-face {
  font-family: 'MontserratAlternates-Bold';
  src: url(../../templatebase/assets/plugins/global/fonts/MontserratAlternates-Bold.ttf);
}

@font-face {
  font-family: 'MontserratAlternates-Black';
  src: url(../../templatebase/assets/plugins/global/fonts/MontserratAlternates-Black.ttf);
}

@font-face {
  font-family: 'MontserratAlternates-Light';
  src: url(../../templatebase/assets/plugins/global/fonts/MontserratAlternates-Light.ttf);
}

@font-face {
  font-family: 'MontserratAlternates-Thin';
  src: url(../../templatebase/assets/plugins/global/fonts/MontserratAlternates-Thin.ttf);
}

/*COLORES Y FONDOS (entorno)*/
.text-yellow{
  color: #F3CB3F!important; 
}

.border-color-yellow{
  border-color: #F3CB3F!important; 
}

.text-violet{
  color: #B97CB5!important; 
}

.border-color-violet{
  border-color: #B97CB5!important; 
}

.text-lightBlue{
  color: #25A7BC!important; 
}

.border-color-lightBlue{
  border-color: #25A7BC!important; 
}

.text-lightBlueAlt{
  color: #00B6CC!important; 
}

.border-color-lightBlueAlt{
  border-color: #00B6CC!important; 
}

.text-orange{
  color: #F68371!important; 
}

.border-color-orange{
  border-color: #F68371!important; 
}

.text-red{
  color: #F28275!important; 
}

.border-color-red{
  border-color: #F28275!important; 
}

.text-shadow-light{
  text-shadow: 0px 2px 3px rgb(255 255 255 / 70%),
  0px 8px 13px rgb(255 255 255 / 70%),
  0px -2px 1px rgb(255 255 255 / 40%);
}

.fontFamily-MontserratRegular{
  font-family: 'Montserrat-Regular'!important;
}

.fontFamily-MontserratBold{
  font-family: 'Montserrat-Bold'!important;
}

.fontFamily-MontserratBlack{
  font-family: 'Montserrat-Black'!important;
}

.fontFamily-MontserratLight{
  font-family: 'Montserrat-Light'!important;
}

.fontFamily-MontserratThin{
  font-family: 'Montserrat-Thin'!important;
}

.fontFamily-MontserratAlternatesRegular{
  font-family: 'MontserratAlternates-Regular'!important;
}

.fontFamily-MontserratAlternatesBold{
  font-family: 'MontserratAlternates-Bold'!important;
}

.fontFamily-MontserratAlternatesBlack{
  font-family: 'MontserratAlternates-Black'!important;
}

.fontFamily-MontserratAlternatesLight{
  font-family: 'MontserratAlternates-Light'!important;
}

.fontFamily-MontserratAlternatesThin{
  font-family: 'MontserratAlternates-Thin'!important;
}

.bg-yellow{
  background-color: #F3CB3F!important; 
}

a.bg-yellow:hover{
    background-color: #ffd954!important;
}

.bg-violet{
  background-color: #B97CB5!important; 
}

.bg-lightBlue{
  background-color: #25A7BC!important; 
}

.bg-lightBlueAlt{
  background-color: #00B6CC!important; 
}

.bg-orange{
  background-color: #F68371!important; 
}

.bg-red{
  background-color: #F28275!important; 
}

.bg-lightWhite{
    background-color: #fff!important;
}

.bg-aliceblue{
    background-color: aliceblue!important;
}

.bg-lightgreen{
    background-color: #0b899312!important;
}

.bg-lightgreen:hover{
    background-color: #0b899317!important;
}

.border-violet{
    border-color: #b97cb5!important;
}

.border-white{
    border: 1px solid #ffffff!important;
}
.border-width-3{
    border-width: 3px;
}

/* Spinner blockUI (entorno) */
/* Hacemos visible en primera capa el spinner que estaba ocultado por el overlay por defecto */
.blockUI.blockMsg.blockPage{
  z-index: 1100!important;
}

/*LOGIN: Begin*/
/*AJUSTAMOS BACKGROUND, CONTENEDOR Y TÍTULOS*/
h1.loginTitulo, h1.itaTitulo{
  font-size: 13em;
  font-size : 10.7vw;
  font-family: 'Montserrat-Black';
  color: #fff;
  text-transform: capitalize;
  line-height: 0.8;
}

h1.itaTitulo{
  color: #F2CB3F;
  font-size: 18em;
  font-size: 15vw;
}

.loginBloqueTitulo,.containerLoginFormulario{
  max-width: 55%;
  margin-left: 45%;
}

#kt_body .loginSeccion {
  background-image: url('../../templatebase/assets/media/bg/ItaLoginBg.png');
  background-repeat: no-repeat;
  background-position-x: left;
  background-position-y: bottom;
  background-size: 55%;
  background-attachment: fixed;
  background-color: #b97cb5;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  margin: 0;
  z-index: 0;
}

/*FORMULARIO*/

.login-form.login-signin, .login-form.login-forgot{
  padding: 0 20%!important;
  max-width: unset!important;
}

#kt_login_signin_form input, #kt_login_forgot_form input{
    border-radius: 3px;
}

#kt_login_signin_form .form-control, #kt_login_forgot_form .form-control{
    font-size: 1.5rem;
}

#kt_login_signin_form .form-control::placeholder, #kt_login_forgot_form .form-control::placeholder{
    font-size: 1.3rem;
    color: #999;
}

#kt_login_signin_form .btn-iniciar i, #kt_login_forgot_form .btn-iniciar i{
    color: #fff;
}

.containerLoginFormulario{
  margin-top: 50px;
}

.containerLoginFormulario .box-body{
  overflow: hidden;  
}

/* Boton de iniciar en el login */
.btn-iniciar, .btn-resetPass {
  background-color: #f2cb3f!important;
  border: 1px solid #f2cb3f!important;
  color: #fff;
  font-family: 'Montserrat-Light';
  font-size: 17px;
  border-radius: 3px;
  letter-spacing: 1px;
}

.btn-iniciar:hover, .btn-resetPass:hover {
  background-color: #fbd64e!important;
  border: 1px solid #fbd64e!important;
  color: #fff;
}

.tituloRecuperarPass{
  font-family: 'Montserrat-Bold';
}

.btn-cancel{
  background-color: #333!important;
  border: 1px solid #333!important;
  color: #fff!important;
  font-family: 'Montserrat-Light';
  font-size: 17px;
  border-radius: 3px;
  letter-spacing: 1px;
}

.btn-cancel:hover{
  background-color: #555!important;
  border: 1px solid #555!important;
  color: #fff;
}

.btn-cancel i{
  color: #fff!important;
}

.body-log {
  overflow-y: hidden;
}

.loginFormulario{
  padding: 0 15%;
}

.contenedor-tabla.alert .row{
    justify-content: center;
}

.box-login {
  border-top: 3px solid #f79c33;
  padding: 0px 15px 5px 15px;
  box-shadow: 3px 3px 3px rgba(134, 134, 134, 0.66);
  margin: auto;
}

.contenedor-tabla {
  /* border-radius: 8px; */
  background-color: rgba(230, 230, 230, 0.9);
  box-shadow: 4px 4px 4px rgba(182, 182, 182, 0.2);
  width: 100%;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}

/*ESTILOS DEL ALERT*/
.box {
  border: none;
}

.fv-plugins-message-container .fv-help-block{
  color: #fff!important;
  background-color: #333;
  border-radius: 2px;
  text-align: center;
}

.was-validated .form-control:invalid, .form-control.is-invalid{
  border-color: #333;
}

.alert.alert-custom{
  padding: 5px;
  margin-bottom: 0px!important;
}
/*LOGIN: End*/

/*MODIFICACIÓN DE PASSWORD: Begin*/

#kt_body .cambioDeClaveSeccion {
  background-color: #000;
  background-image: url('../../templatebase/assets/media/bg/cambioDeClaveBg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  height: 100%;
  width: 100%;
  overflow-y: hidden;
  margin: 0;
  z-index: 0;
}

/*MENÚ PRINCIPAL: Begin*/
.aside-menu .menu-nav>.menu-item>.menu-link .menu-text{
  font-size: 16px!important;
}

.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link{
  background-color: #f3cb3f;
  color: white!important;
}

/*Texto de menú activo, color blanco*/
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-text{
  color: #fff!important;
  font-weight: 800;
}

/*Ícono de menú activo, color blanco*/
.aside-menu .menu-nav > .menu-item.menu-item-active > .menu-link .menu-icon.svg-icon svg g [fill]{
  fill: #fff!important;
}

.aside-menu .menu-nav>.menu-item>.menu-link{
  padding: 9px 25px;
  margin: 0 10px;
  border-radius: 13px
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading .menu-text, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link .menu-text{
  font-weight: 900;
  font-style: italic;
}

.aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-heading, .aside-menu .menu-nav > .menu-item .menu-submenu .menu-item.menu-item-active > .menu-link{
  background-color: unset;
}

/*MENÚ PRINCIPAL: End*/

/*HEADER: Begin*/
/*Selector de Institución: Begin*/
#modal-plan-actual label{
    display: block!important;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--open{
    width: 100%!important;
    font-size: 10px!important;
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus, .select2.select2-container.select2-container--default{
    max-width: 100%!important;
    font-size: 10px!important;
}

.select2-container .select2-selection--single{
    display: flex!important;
    height: 28px!important;
    padding-right: 10px!important;
}

.select2-results__options{
    font-size: 10px!important;
}
/*Selector de Institución: End*/
/*HEADER: End*/

/*HOME: Begin*/

.sliderHome .container{
  background-color: #F2F2F2;
}

.sliderTitulos{
background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: bottom;
  background-color: white;
  border-radius: 5rem;
  margin-top: 3%;
  margin-bottom: 3%;
  padding: 5%;
}

.sliderHomeSaludo{
  line-height: 25px;
}

.sliderHomeMensaje{
  font-size: 1.95rem;
}

.customSR .row{
  background-color: #F2F2F2;
}

.customSR .card-header{
  background-color: #F2F2F2;
}

.customSR .card-title{
  display: unset!important;
  width: 100%;
}

.customSR .card-body{
  background-color: #F2F2F2;
}

.customSR .card-body .novedad{
  border-top: 10px solid #F3CB3F!important;
}

.customSR .card.card-custom{
  box-shadow: unset;
}
/*HOME: End*/

/*ENCUESTAS: Begin*/
.pregunta_descripcion_group .tox.tox-tinymce,
.pregunta_subtitulo_group .tox.tox-tinymce{
  height: 150px!important;
}
.modal-pregunta-encuesta .form-group label,
#div_preguntas .form-group label {
  font-size: 1.1rem;
  font-weight: 800;
}

/*ENCUESTAS: End*/

/*EVALUACIONES: Begin*/
.card .note-video-clip{
  max-width: 100%!important;
}

.texto-inicio-evaluacion img{
  max-width: 100%!important;
  height: auto!important;
}

#div-contenido-texto{
  min-height: 400px!important;
  overflow-y: hidden;
}

.div-contenido-texto img, .div-contenido-texto p img, .div-contenido-texto div p img{
  max-width: 100%!important;
  /*background-color: black!important;*/
}
/*EVALUACIONES: End*/

/*CLASES DE ENTORNO: Begin*/
.bg-unset{
  background-color: unset!important;
}

.mw-unset{
    max-width: unset!important;
}

.tituloDeBloque{
  text-decoration: underline;
  text-decoration-color: #B97CB5;
  text-decoration-thickness: 5px;
  margin-bottom: unset;
}

.separadorVioleta{
  width: 100%;
  border: 5px solid #B97CB5;
  margin-top: unset;
  margin-bottom: unset;
  background-color: #B97CB5;
}

.separadorRojizo{
  width: 100%;
  border: 5px solid #F28275;
  margin-top: unset;
  margin-bottom: unset;
  background-color: #F28275;
}

.my0xauto{
    margin: 0 auto!important;
}

.my0x10{
    margin: 0 10px!important;
}

.min-width-100px{
    min-width: 100px!important;
}

.min-width-150px{
    min-width: 150px!important;
}

.mw-790{
    max-width: 790px!important;
}
.ml-40p{
    margin-left: 40%!important;
}

.font-size-5vw{
    font-size: 5vw!important;
}

.text-shadow-dark{
    text-shadow: 2px 2px 10px #666;
}

.font-family-montserrat-black{
    font-family: 'Montserrat-Black';
}

.modal .modal-content .modal-header{
  background-color: #25bcb5;
}

.modal .modal-header .modal-title, .modal .modal-header .close .ki.ki-close{
  color: #fff;
}

.btn.btn-primary:not(:disabled):not(.disabled):active:not(.btn-text),
.btn.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn.btn-primary.dropdown-toggle,
.show .btn.btn-primary.btn-dropdown {
  color: #FFFFFF;
  background-color: #1cc0cc;
  border-color: #0b8993;
}

font-weight-bolder{
  font-weight: 600!important;
}

/*CLASES DE ENTORNO: End*/

/*AGREGADOS A STYLE-BUNDLE.CSS: Begin*/

.rounded-x{
  border-radius: 2.5rem !important;  
}

.rounded-xl{
  border-radius: 3rem !important;  
}

.rounded-xxl{
  border-radius: 4rem !important;  
}

.font-size-sm-i {
    font-size: 0.925rem!important;
}

.font-size-xs-i {
    font-size: 0.8rem!important;
}

.font-size-lg-i {
    font-size: 1.08rem!important;
}

.line-height-xxl{
    line-height: 2.5!important;
}
.d-flex-always{
    display: flex!important;
}

.flex-basis-40p{
    flex: 0 0 40%!important;
}


.question-select{
    font-weight: 900;
    font-family: 'Montserrat-Black';
}

.overflow-x{
    overflow-x: auto!important;
}

/*Reemplazamos propiedades de style-bundle.css para la siguiente clase*/
.header-logo1{
    width: 80px;
    height: 80px;
}

.height-auto{
  height: auto!important;
}

.timer-div{
  margin-top: unset!important;
}
/*AGREGADOS A STYLE-BUNDLE.CSS: End*/

.misCursos a img{
  max-width: 100%;
}


/* Gestión de Datos:Inicio */
#gestionDeDatosFormularioEvaluaciones .form-group label,
#gestionDeDatosFormularioEncuestas .form-group label{
  max-width: 100%;
}
#gestionDeDatosFormularioEvaluaciones .form-group .filter-check-all label,
#gestionDeDatosFormularioEncuestas .form-group .filter-check-all label{
  font-size: 0.9rem;
  margin-bottom: unset;
}
#gestionDeDatosFormularioEvaluaciones .form-group .filter-title,
#gestionDeDatosFormularioEncuestas .form-group .filter-title{
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
}
#gestionDeDatosFormularioEvaluaciones .form-group .filter-check,
#gestionDeDatosFormularioEncuestas .form-group .filter-check{
  color: #3595f6;
}
#gestionDeDatosFormularioEvaluaciones .form-group .filter-minus,
#gestionDeDatosFormularioEncuestas .form-group .filter-minus{
  color: #d47878;
}
/* Gestión de Datos:Fin */


/* Evaluación:Inicio */
/* Bloquea la selección de texto solo en los elementos de texto */
.div-preguntas, #div-contenido-texto {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* PERMITE selección en inputs, selects y textareas */
.div-preguntas input,
.div-preguntas select,
.div-preguntas textarea,
.div-preguntas button {
  user-select: auto;
}
/* Evaluación:Fin */


/*XL size*/
@media (min-width: 1200px) {
  .display-none-xl {
      display: none!important;
  }
  .visible-xl{
    display: inherit!important;
  }
}

/*LG size*/
@media (min-width: 992px) {
  .display-none-lg{
    display: none!important;
  }
  .visible-lg{
    display: inherit!important;
  }
}


@media (max-width: 991px) {
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .fondo-list,
  .sidebar-collapse .main-footer {
      margin-left: 0;
  }

  .checkbox-inline{
    justify-content: space-evenly;
  }

  .line-height-xxl{
      line-height: 2!important
  }

  .header-logo1{
      width: 80px;
      height: auto;
  }
  
  /*Corregimos scroll de contenido de Evaluaciones en versión MOBILE*/
  #div-contenido-texto{
    overflow-y: auto;
  }
}

/*Between SM and LG size*/
@media only screen and (min-width: 767px) and (max-width: 992px) {
  .display-none-smlg {
    display: none!important;
  }
  .visible-smlg{
    display: inherit!important;
  }
}

/*SM size*/
@media (min-width: 768px) {
  .sidebar-collapse .content-wrapper,
  .sidebar-collapse .fondo-list,
  .sidebar-collapse .main-footer {
      margin-left: 0;
  }
}

@media (max-width: 767px) {
    .content-wrapper,
    .fondo-list,
    .main-footer {
        margin-left: 0;
    }
    .loginBloqueTitulo,.containerLoginFormulario{
      max-width: 100%;
      margin-left: unset;
      text-align: center;
    }
    .loginFormulario {
      max-width: 100%;
      padding: 0 15%;
    }
    .sidebar-open .content-wrapper,
    .sidebar-open .fondo-list,
    .sidebar-open .main-footer {
        -webkit-transform: translate(230px, 0);
        -ms-transform: translate(230px, 0);
        -o-transform: translate(230px, 0);
        transform: translate(230px, 0);
    }
    .line-height-xxl{
        line-height: 1.75!important
    }
    .sliderTitulos{
        border-radius: 1rem;
    }
    .agentesDeCambio .mb-25{
        margin-bottom: 0.5rem;
    }

    .btn-prenext-evaluacion{
      width: 40px;
      height: 40px;
    }

    .display-none-sm {
      display: none!important;
    }
    .visible-sm{
      display: inherit!important;
    }
    
    .card.card-custom>.card-header:not(.flex-nowrap) {
      min-height: unset!important;
    }
}

/*Between XS and SM size*/
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .display-none-xssm {
    display: none!important;
  }
  .visible-xssm{
    display: inherit!important;
  }
  .col-xssm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xssm-1>* {
      flex: 0 0 100%;
      max-width: 100%;
  }
  .row-cols-xssm-2>* {
      flex: 0 0 50%;
      max-width: 50%;
  }
  .row-cols-xssm-3>* {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
  }
  .row-cols-xssm-4>* {
      flex: 0 0 25%;
      max-width: 25%;
  }
  .row-cols-xssm-5>* {
      flex: 0 0 20%;
      max-width: 20%;
  }
  .row-cols-xssm-6>* {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
  }
  .col-xssm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
  }
  .col-xssm-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%;
  }
  .col-xssm-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%;
  }
  .col-xssm-3 {
      flex: 0 0 25%;
      max-width: 25%;
  }
  .col-xssm-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%;
  }
  .col-xssm-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%;
  }
  .col-xssm-6 {
      flex: 0 0 50%;
      max-width: 50%;
  }
  .col-xssm-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%;
  }
  .col-xssm-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%;
  }
  .col-xssm-9 {
      flex: 0 0 75%;
      max-width: 75%;
  }
  .col-xssm-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%;
  }
  .col-xssm-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%;
  }
  .col-xssm-12 {
      flex: 0 0 100%;
      max-width: 100%;
  }
}

/*XS size*/
@media (max-width: 575px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .row-cols-sm-3>* {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .row-cols-sm-6>* {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .col-sm-2 {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-sm-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .col-sm-8 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .col-sm-11 {
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .order-sm-first {
        order: -1;
    }
    .order-sm-last {
        order: 13;
    }
    .order-sm-0 {
        order: 0;
    }
    .order-sm-1 {
        order: 1;
    }
    .order-sm-2 {
        order: 2;
    }
    .order-sm-3 {
        order: 3;
    }
    .order-sm-4 {
        order: 4;
    }
    .order-sm-5 {
        order: 5;
    }
    .order-sm-6 {
        order: 6;
    }
    .order-sm-7 {
        order: 7;
    }
    .order-sm-8 {
        order: 8;
    }
    .order-sm-9 {
        order: 9;
    }
    .order-sm-10 {
        order: 10;
    }
    .order-sm-11 {
        order: 11;
    }
    .order-sm-12 {
        order: 12;
    }
    .offset-sm-0 {
        margin-left: 0;
    }
    .offset-sm-1 {
        margin-left: 8.33333%;
    }
    .offset-sm-2 {
        margin-left: 16.66667%;
    }
    .offset-sm-3 {
        margin-left: 25%;
    }
    .offset-sm-4 {
        margin-left: 33.33333%;
    }
    .offset-sm-5 {
        margin-left: 41.66667%;
    }
    .offset-sm-6 {
        margin-left: 50%;
    }
    .offset-sm-7 {
        margin-left: 58.33333%;
    }
    .offset-sm-8 {
        margin-left: 66.66667%;
    }
    .offset-sm-9 {
        margin-left: 75%;
    }
    .offset-sm-10 {
        margin-left: 83.33333%;
    }
    .offset-sm-11 {
        margin-left: 91.66667%;
    }

    #kt_body .loginSeccion{
      background-size: 80%;
    }

    .text-xs-center{
      text-align: center!important;
    }

    .display-none-xs{
      display: none!important;
    }
    .visible-xs{
      display: inherit!important;
    }

    /*Responsividad para Evaluaciones*/ 
    .header-logo1{
      max-width: 55px;
    }
    .card-label-asignatura.font-size-h5{
      font-size: 1rem!important;
    }
    .card-label.font-size-h6{
      font-size: 0.8rem!important;
    }
    .container2.contenedor-encabezado,
    .container2.contenedor-pregunta{
      padding-left: unset;
      padding-right: unset;
    }
    .header-materia{
      margin-left: 5px;
      margin-right: 0;
    }

    .countdown .item {
      font-size: 22px;
      line-height: 40px;
      border-radius: 5px;
      max-width: 40px;
      width: 40px;
    }

    .countdown .label {
      font-size: 6px;
    }
}
/*MEDIAQUERIES: End*/