* {
    margin: 0;
    padding: 0;
}

body {
    font-family: "verdana", sans-serif;
    overflow-x: hidden;
}

/** estilos T40***/
.txt-jty{text-align:justify}
/** estilos T40***/

/**Iconos pagina principal SVG - Plexi***/

@font-face {
    font-family: "fuente-plexi";
    src: url("../fonts/fuente-plexi.eot");
    src: url("../fonts/fuente-plexi.eot?#iefix") format("embedded-opentype"), url("../fonts/fuente-plexi.woff") format("woff"), url("../fonts/fuente-plexi.ttf") format("truetype"), url("../fonts/fuente-plexi.svg#fuente-plexi") format("svg");
    font-weight: normal;
    font-style: normal;
}

[data-icon]:before {
    font-family: "fuente-plexi" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="plexi-icon-"]:before,
[class*=" plexi-icon-"]:before {
    font-family: "fuente-plexi" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.plexi-icon-001:before {
    content: "\61";
    left: 10px;
    position: absolute;
    top: 20px;
    margin-left: -13px;
}

.plexi-icon-002:before {
    content: "\62";
    left: 10px;
    position: absolute;
    top: 20px;
    margin-left: -13px;
}

.plexi-icon-003:before {
    content: "\63";
    left: 10px;
    position: absolute;
    top: 20px;
    margin-left: -13px;
}

.plexi-icon-004:before {
    color: #D9534F;
    content: "\64";
    font-size: 2.5em;
    line-height: 0.5em;
    position: relative;
    top: 12px;
    left: -2px;


}

.plexi-icon-005:before {
    color: #5CB85C;
    content: "\65";
    font-size: 2.2em;
    line-height: 0.5em;
    position: relative;
    top: 10px;
    left: -2px;


}

.plexi-icon-006:before {
    content: "\66";
}


/****/
.texto-conexion-rojo{

    padding-left: 28px;
}

.texto-conexion-verde{

    padding-left: 25px;
}

/*****/

/** override mathjax styles ***/

.mjx-mfrac{
    font-size: 130% !important;
}

/**-------------***/



.vinculos-superiores > li > a {
    background: #004e8a !important;
    color: #fff;
    /*padding:9px 788px 7px 271px;*/
    font-size: 1.1em;
    display: flex;


}

.vinculos-superiores > li > a:hover,
.vinculos-superiores > li > a:focus {
    background: #0094CE !important;
    color: #fff;
    padding:21px 10px 22px 30px;
    font-size: 1.1em;
}

.desplegable-usuario .open > a,
.desplegable-usuario .open > a:focus,
.desplegable-usuario .open > a:hover {
    background: #0094CE;
    color: #fff;
}

.navbar-nav > .usuario > ul > a {
    color: #004F87 !important;
    padding-left: 10px;
}

.navbar-nav > .usuario > ul > a:hover {
    color: #212120 !important;
    padding-left: 10px;
    text-decoration: none;
}


/**./Iconos pagina principal SVG - Plexi***/

.nombre {
    left: -9999px;
    position: absolute;
}

.contenedor-tipo-1 {
    min-height: 550px;
}


/******* Login ***********/

.centrado-login {
    margin: 0 auto;
    max-width: 420px;
    padding: 15px;
}

.logo-plexi {
    width: 183px;
    margin: 0 auto;
    text-align: center;
}

.logo-icfes {
    margin: 0 auto;
    width: 380px

}

.espacio-logo{
    margin-bottom: 25px;
}



.info-1 {
    border-bottom: 1px dashed #9b9a9a;
    border-top: 1px dashed #9b9a9a;
    text-align: center;
    font-size: 0.9em;
    line-height: 20px;
    padding: 10px 30px;
}

.titulo-login {
    background: #004F87;
    width: 100%;
    padding: 10px 5px;
    text-align: center;
    color: #ffffff;
    font-size: 1.2em;
}

.recuadro-login {
    border: solid 1px #9C9B9A;
    padding: 15px;
    background-color: white;
}

.form-control {
    border-color: #9C9B9A;
    border-radius: 0px !important;
    box-shadow: none;
    padding: 7px 12px;
}

.validacion {
    color: red;
    display: none;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 20px;
}

.btn-tipo-1 {
    color: #fff;
    border-radius: 0;
    background: #004F87 none repeat scroll 0 0;
}

.btn-tipo-1:hover,
.btn-tipo-1:active,
.btn-tipo-1.active,
.btn-tipo-1.disabled,
.btn-tipo-1[disabled],
.btn-tipo-1:focus {
    background: #DCDDDE;
    color: #212122;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.requerimientos {
    background: #EDECEC;
    padding: 10px 15px;
}

.requerimientos h3 {
    padding: 5px 0;
    font-size: 1em;
    font-weight: bold;
    margin: 5px 0;
}

.entidad_item {
    margin-top: 30px;
    padding-left: 2px;
    padding-right: 2px;
}

.entidad_item > a {
    display: block;
    padding: 5px 0;
}


/******* ./Login ***********/


/******* bienvenida ***********/

.franja {
    background: #004F87;
    height: 11px;
    width: 100%;
}

.logo-plexi-2 {
    float: left;
    padding: 11px 11px 0 0;
    z-index: 1;
}

.logo-icfes-2 {
    float: right;
    padding: 15px 11px 0 0;
    z-index: 1;
}

.contenedor-tipo-2 {
    min-height: 500px;
    padding: 50px 0 0 0;
}

.titulo-1 {
    color: #0094CE;
    margin: 10px 0;
    padding: 4px 0;
    font-size: 1.125em;
    font-weight: bold;
}

.titulo-2 {
    color: #212120;
    margin: 0 0 20px 0;
    padding: 4px 0 10px;
    font-size: 1em;
    font-weight: bold;
    border-bottom: solid 1px #9C9A9A;
}

.destacado-1 {
    font-weight: bold;
}

.table-header-1 th {
    background: #004F87;
    color: #ffffff;
}


/******* ./bienvenida ***********/

.logo-principal h1 {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.logo-img {
    background: url("../img/logo-plexi-small.svg") no-repeat;
    height: 63px;
    width: 245px;
}

.ajuste-contenido {
    margin-top: 140px;
    margin-bottom: 120px;
}

.franja-1 {
    background: #004F87;
    color: #ffffff;
     padding-left: 0 !important;
}

.franja-1 a {
    color: #ffffff;
}

.franja-2 {
    background: #EDECED;
    color: #212120;
    padding: 8px 10px;
}

.preguntas-numeracion {
    color: #004F87;
    font-weight: bold;
}

.preguntas-numeracion h2 {
    color: #004F87;
    font-weight: bold;
    padding: 0;
    margin: 0;
    font-size: 1em;
    line-height: 2em;
}

.btn-tipo-2 {
    color: #fff;
    border-radius: 0;
    background: #0094CE none repeat scroll 0 0;
}

.btn-tipo-2:hover,
.btn-tipo-2:active,
.btn-tipo-2.active,
.btn-tipo-2.disabled,
.btn-tipo-2[disabled],
.btn-tipo-2:focus {
    background: #DCDDDE;
    color: #212122;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.btn-tipo-3 {
    color: #fff;
    border-radius: 0;
    background: rgb(208, 208, 209) none repeat scroll 0 0;
}

.btn-tipo-3:hover,
.btn-tipo-3:active,
.btn-tipo-3.active,
.btn-tipo-3.disabled,
.btn-tipo-3[disabled],
.btn-tipo-3:focus {
    background: #DCDDDE;
    color: #212122;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
}

.top-right {
    text-align: right;

}

.espacio-titulo-prueba {
    margin: 5px 0;
}

.btn-md,
.btn-group-md > .btn {
    padding: 5px 10px;
    font-size: 1.1em;
    line-height: 1.5;
    border-radius: 0px;
    color: #ffffff;
}


.franja-3 {
    background: #fff;
    color: #212120;
    text-align: center;
    border-top: dashed 1px #9C9B9A;
    padding: 10px 0;
}
.franja-4 {
    background: #004F87;
    color: #ffffff;
    font-size: 1em;
    padding: 5px 0;


}

.barra-botones-navegacion-top
 {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 90;
  top: 62px;
}

/*******bootstrap modal close style**********/
.modal-header .close {
    float: right !important;
    color: white !important;
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
}

/*****ending page styles********/
.icon-success{
    background: url("../img/success.svg") no-repeat;
    height: 29px;
    width: 29px;
    margin: 0 auto;
}

.centrar{
    margin: 0 auto;
    width: 450px;
    margin-top: 90px;
}

/*****elementos footer*****/
.seccion-porcentaje-avance-tiempo {

    margin: 0 15px;

}

.seccion-conexion-estado {
    float: right;
    margin-right: 15px;
}


.tiempo{

    color: #212120
}

.tiempo span{

    color: #0094CE;
    font-size: 1.2em;
}



/*****./elementos footer*****/

.items {
    margin: 0;
    padding: 0;

 }

 .items img { margin-right: 30px;
   }

.items label, .prueba label{
    font-weight: normal;
    margin-bottom: 5px;
    padding-left: 15px;
   }

.items input[type="radio"], .items input[type="checkbox"] {
  margin: 2px 10px;
  line-height: normal;
  margin-bottom: 20px;

}

/**web tour**/

.tour-tour .btn-pri-azul:hover {
    background-color: #0094ce;
    border-color: transparent;
    color: #fff;
    border-radius: 4px;
     margin-right: 3px;
}
.tour-tour .btn-pri-azul.disabled, .tour-tour .btn-pri-blanco.disabled{
    background-color: #e5e5e5;
    border-color: #ccc;
    color: #999;
    border-radius: 4px;
    margin-right: 3px;
}

.tour-tour .btn-pri-blanco{
    background-color: #fff;
    border-color: #0066ae;
    color: #004e8a;
    border-radius: 4px;
    margin-right: 3px;
}


.tour-tour .btn-pri-azul, .tour-tour .btn-pri-azul:active {
    background-color: #0066ae;
    border-color: transparent;
    border-radius: 4px;
    color: #fff;
    outline: medium none;
    margin-right: 3px;

}



.tour-tour .btn-pri-final {
    color: #004e8a;
    text-transform: uppercase;
    padding: 4px;
    border-color: transparent;
    background-color: #fff;

}


.navbar-tour {
  min-height: 50px;
  border: none;
  padding: 0;
}

.navbar-brand-tour {
    float: left;
    font-size: 18px;
    line-height: 20px;
    padding: 0px;
}

.contenido-tour{
    min-height: 370px;
}


.ajuste-contenido-tour {
        margin-top: 30px;
        margin-bottom: 50px;
    }

.ajuste-scroll{
    float: right;

}

/**./web tour**/


/**Videos INSOR**/

.bloque-botones button {
    background: #2c95d2 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 5px 10px;
    margin: 0;
    width: 30px;
    text-shadow: 0 0;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: background-color, border-color, color, opacity;
    transition-timing-function: ease-in;
}
.bloque-botones button:hover {
    background: #58bbfc none repeat scroll 0 0;
    margin: 0;
}
/*Cambios*/
#bloque-botones button {
    background: #2c95d2 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 5px 10px;
    margin: 0;
    width: 30px;
    text-shadow: 0 0;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: background-color, border-color, color, opacity;
    transition-timing-function: ease-in;
}
#bloque-player {
    float: left;
}
#bloque-item {
	width: 480px;
	margin-left: 65%;
    position: absolute;
}
#parrafo-texto{
  text-align: justify;
  font-weight: normal;
  margin-top:2%;
}
.parrafo-texto{
  text-align: justify;
  font-weight: normal;
  margin-top:2%;
}
#lista-texto{
  text-align: justify;
  font-weight: normal;
  line-height:150%;
  margin-top:8%;
}
.img-centered{
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 5px;
}
#titulo-texto {
    font-weight: bold;
    padding-left: 0;
}
#pie-pag {
   color: #000;
   clear: both;
   font-size: 80%;
   text-align: right;
   font-style: italic;
}

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

.txt-ctr{
    text-align: center;
}

.txt-underline{
    text-decoration: underline;
}

#divAnswer label{
    font-weight: normal !important;
    margin-left: 20px;
  }

/*End Cambios*/
.videos-insor{
        width:700px;
        margin:0 0 20px -5px;
    }

.titulo-texto {
    font-weight: bold;
    padding-left: 0;
}

.respuestas-insor {
padding-left: 20px;
}

.respuestas-insor label{
font-weight: normal;
}

.superindice
{vertical-align:super}
.subindice
{vertical-align:sub;
font-size:60%;
}
.ital {
	font-style: italic;
}
.neg {
	font-weight: bold;
}




/**./Videos INSOR**/

/****flecha roja para scroll***/
.scrollup {

}
a.scrollup {
    outline: 0 none;
    text-decoration: none;
    background:#f03a47;
    color: #fff;
    padding: 8px 9px;
    border-radius:50%;


}
a.scrollup:hover{
    opacity: 1;
    text-decoration: none;
    background:#111;

}
a.scrollup i:hover {
    text-decoration: none;
}

.bounce {
    bottom: 90px;
    height: 40px;
    position: fixed;
    right: 30px;
    width: 40px;
 animation: bounce 4s;
 -webkit-animation: bounce 4s ;
 -moz-animation: bounce 4s ;
 -o-animation: bounce 4s ;
}

/*Spy Password*/
.inner-addon {
    position: relative;
}

.inner-addon .glyphicon {
  position: absolute;
  padding: 2.5%;
  color: #5f6266;
  cursor: pointer;
  z-index: 1;
}

/*****Botones revisión preguntas*****/
.btn-group-preguntas .respondida-btn {
    background-color: #FED766;
    border: 2px solid #C3C5CA;
    color: #212120;
    padding: 10px;
    display: inline-block;
    height:55px;
    width:55px;
    margin: 3px;
    font-size: 1.1em;
    position: relative;
    font-weight: bold;
}


.btn-group-preguntas .sin-responder-btn {
    background-color: #ffffff;
    border: 2px solid #C3C5CA;
    color: #212120;
    padding: 10px;
    display: inline-block;
    height:55px;
    width:55px;
    margin: 3px;
    font-size: 1.1em;
    position: relative;
    font-weight: bold;
}


.btn-group-preguntas:after {
    content: "";
    clear: both;
    display: table;
}

.btn-group-preguntas .respondida-btn:hover {
    background-color: #FFE197;
}

.btn-group-preguntas .sin-responder-btn:hover {
    background-color: #cccccc;
}

.ico-bookmark {
    background: url("../img/bookmark.svg") no-repeat;
   position: absolute;
/*top: 2px; distancia cuando el elemento esta en la pagina*/
top: -2px;
width: 11px;
height: 16px;
vertical-align: -115%;
}

.ico-bookmark-convencion {
    background: url("../img/bookmark.svg") no-repeat;
width: 20px;
height: 16px;
float: left;
 margin-right: 3px;
}

.btn-bookmark-1
 {
   background: url("../img/btn-bookmark-1.svg") -1px 0px no-repeat;
    height: 35px;
    width: 100px;
    border-style: none;
}

.btn-bookmark-2
 {
   background: url("../img/btn-bookmark-2.svg") -1px 0px no-repeat;
    height: 35px;
    width: 100px;
    border-style: none;
}


.recuadro-respondida {
    background-color: #FED766;
    border: 2px solid #C3C5CA;
    color: #212120;
    height:20px;
    width:20px;
    font-size: 1.1em;
    float: left;
    margin-right: 3px;


}

.recuadro-sin-responder  {
    background-color: #ffffff;
    border: 2px solid #C3C5CA;
    color: #212120;
    height:20px;
    width:20px;
    font-size: 1.1em;
    float: left;
    margin-right: 3px;

}
.zoom-in {
    cursor: zoom-in !important;
}

img.zoom-in:hover {
    filter: brightness(70%);
    -webkit-filter: brightness(70%);
}

.zoom-in img.zoom:after {
   content: '\f002';
    position: relative;
    color: #ccc;
    width: 30px;
    height: 30px;
    bottom: 59px;
    left: 458px;
    font-family: FontAwesome;
    font-style: normal;
    opacity: 0.8;
    font-size: 18px;
}

.espacio-convenciones{

    margin: 5px 0;
}
/*****./Botones revisión preguntas*****/


.left-addon .glyphicon  { left:  0px;}
.right-addon .glyphicon { right: 0px;}


.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/*Tour INCI*/
.en-tabla
{
display: inline;
padding: 0px;
}

.en-tabla span
{

color:#58595B;
padding-left: 5px;
  padding-right: 5px;
}


.en-tabla b
{
padding-left: 5px;
  padding-right: 5px;
color:#212120;
}

.numeracion {
    height: 20px;
    width: 20px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    border:solid 1px #5E9FC6;
    color:#004F87;
    font-weight:bold;
    top:4px;
    position: relative;

  }

  .ajuste-bienvenida{
    width:70%;
    margin:0 auto;
}

.ajuste-bienvenida ul{
    padding-left:0 !important;
}

.ajuste-bienvenida li{
  list-style-type: none;
  padding-bottom:10px;
}

.ajuste-bienvenida h2{
    font-size: 18px !important;
font-weight: 700;
color: #3090d2;
text-align: center;
padding:10px 0 20px 0;
}

.text-p4{
    margin-top: 12px;
  }

  .select-tipo4 {
      display: inline;
      width: auto;
      height: auto;
    }

  .ejemploSelect{
    background-color : #A4A4A4;
    color: #ffffff;
  }

  /**HighLigth*/
  .highlight{
    background-color: coral;
    }
    #editor::-moz-selection { /* Code for Firefox */

        background: yellow;
    }

    #editor::selection {

        background: yellow;
    }
    /*End*/

@-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 40% {-webkit-transform: translateY(-30px);}
 60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
 40% {-moz-transform: translateY(-30px);}
 60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
 40% {-o-transform: translateY(-30px);}
 60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
 0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 40% {transform: translateY(-30px);}
 60% {transform: translateY(-15px);}
}

/**./flecha roja para scroll***/
.icon-user-prueba{
    background: url("../img/icon-user-prueba.svg") no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: -18%;
    margin-right: 5px;

}

.icon-institucion{
    background: url("../img/icon-institucion.svg") no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    vertical-align: -18%;
    margin-right: 5px;

}

.btn-marcado
 {
   background: url("../img/btn-bookmark-1.svg") -1px 0px no-repeat;
    height: 35px;
    width: 100px;
    border-style: none;
}

.btn-marcado-2
 {
   background: url("../img/btn-bookmark-2.svg") -1px 0px no-repeat;
    height: 35px;
    width: 100px;
    border-style: none;
}

@media screen and (max-width: 1280px)
{
   .scrollable {
    padding-left: 5.2em;

}

}

.contenedor-scroll{
    overflow-y: auto;
    height: 250px;
}

@media (min-width: 1200px) {
    .scrollable {
        padding-left: 5em;

    }
  }

@media only screen and (max-width: 1024px) {
    .logo-img {
    background: url("../img/logo-plexi-small.svg") no-repeat;
    height: 63px;
    width: 239px;
}

    .ajuste-entidades {
        margin: 0 auto;

        width: 700px;
        padding-left: 270px;
    }
    .btn-md,
    .btn-group-md > .btn {
        padding: 3px 7px;
        font-size: 0.9em;
        line-height: 1.5;
        border-radius: 0px;
        color: #ffffff;
    }
    .videos-insor{
        width:600px;
        margin:0 0 20px -5px;
    }

     .bounce {
    bottom: 150px;
    height: 40px;
    position: fixed;
    width: 40px;
    animation: bounce 4s;
 -webkit-animation: bounce 4s ;
 -moz-animation: bounce 4s ;
 -o-animation: bounce 4s ;
}

.franja-4{
    display: none;
    }

    .scrollable {
        padding-left: 7em;

    }
}


@media only screen and (max-width: 930px) {

    .logo-img {
    background: url("../img/logo-plexi-small.svg") no-repeat;
    height: 63px;
    width: 239px;
}
    .ajuste-entidades {
        margin: 0 auto;
        width: 600px;
        padding-left: 220px;
    }
    .top-right {
        text-align: center;
        margin-right: 20px;
    }
    .btn-md,
    .btn-group-md > .btn {
        padding: 3px 7px;
        font-size: 0.9em;
        line-height: 1.5;
        border-radius: 0px;
        color: #ffffff;
    }
    .bounce {
    bottom: 150px;
    height: 40px;
    position: fixed;
    width: 40px;
 animation: bounce 4s;
 -webkit-animation: bounce 4s ;
 -moz-animation: bounce 4s ;
 -o-animation: bounce 4s ;
}

.franja-4{
    display: none;
    }

}

@media only screen and (max-width: 768px) {

    .ajuste-contenido {
        margin-top: 180px;
    }

    .logo-img {
    background: url("../img/logo-plexi-small.svg") no-repeat;
    height: 63px;
    width: 239px;
}

    .ajuste-entidades {
        margin: 0 auto;
        width: 320px;
        padding-left: 90px;
    }
    .entidad_item > a {
        display: block;
        padding: 0;
    }
    /******* bienvenida ***********/
    /******* ./bienvenida ***********/
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto
    }

    .top-right {
        text-align: center;
    }
    .btn-md,
    .btn-group-md > .btn {
        padding: 5px 10px;
        font-size: 0.9em;
        line-height: 1.5;
        border-radius: 0px;
        color: #ffffff;
    }

    .seccion-conexion-estado {
    float: right;
    margin-right:10px;
    }

    .btn-bookmark-1
    {
      background: url("../img/btn-bookmark-1-small.svg") -1px 0px no-repeat;
       height: 37px;
       width: 37px;
       margin-top: 50px;
       border-style: none;
   }

   .btn-bookmark-2
    {
      background: url("../img/btn-bookmark-2-small.svg") -1px 0px no-repeat;
       height: 37px;
       width: 37px;
       margin-top: 50px;
       border-style: none;
   }
}

@media only screen and (max-width: 640px) {

    .ajuste-contenido {
        margin-top: 180px;
    }

    .btn-md,
    .btn-group-md > .btn {
        padding: 5px 10px;
        font-size: 0.9em;
        line-height: 1.5;
        border-radius: 0px;
        color: #ffffff;
    }
}

@media (min-width: 1025px) {

    .btn-bookmark-1
    {
      background: url("../img/btn-bookmark-1.svg") -1px 0px no-repeat;
       height: 37px;
       width: 100px;
       border-style: none;
   }

   .btn-bookmark-2
    {
      background: url("../img/btn-bookmark-2.svg") -1px 0px no-repeat;
       height: 35px;
       width: 100px;
       border-style: none;
   }
}

@media (min-width: 768px) and (max-width: 1024px) {
}

@media only screen and (orientation: portrait) {


    .btn-md,
    .btn-group-md > .btn {
        padding: 3px 6px;
        font-size: 0.9em;
        line-height: 1.5;
        border-radius: 0px;
        color: #ffffff;
    }

    .videos-insor{
        width:600px
    }

    .scrollable {
        padding-left: 4em;

    }

        .btn-bookmark-1
        {
        background: url("../img/btn-bookmark-1-small.svg") -1px 0px no-repeat;
        height: 37px;
        width: 37px;
        margin-top: 50px;
        border-style: none;
    }

    .btn-bookmark-2
        {
        background: url("../img/btn-bookmark-2-small.svg") -1px 0px no-repeat;
        height: 37px;
        width: 37px;
        margin-top: 50px;
        border-style: none;
    }

    .franja-1 {
        background: #004F87;
        color: #ffffff;
        padding: 0 0 0 10px !important;
    }

    .navbar-brand {
        float: left;
        padding: 0 !important;
        font-size: 18px;
        line-height: 20px;
    }

    .navbar-toggle{
        padding: 6px 5px;
        margin-top: 0 !important;
    }

}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .fast {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .fadeIn {
    animation-name: fadeIn;
  }

  .__talkjs_launcher
  {
    z-index: 10000 !important;
    top: calc(18vh - 10px) !important;
  }

  #frame-chat {
    position: absolute;
    z-index: 10000 !important;

}
 /**** Entra en conflicto este ajuste con los items tipo INSOR *****

.frame-chat-div {
  display:flex;
  position:fixed;
  justify-content:flex-end;
  right:0;
  z-index:1000;
  right: 25px !important;
  left: 1400px !important;
}

.class-frame-chat {
    width:300px;
    height:300px;
  }

  @media (min-width: 1278px) and (max-width: 1366px) {
    .class-frame-chat {
      width:280px;
      height:290px;
    }

    .container {
      width: 855px;
  }

  .scrollable {
    padding-left: 0em;

  }

  }

  @media (min-width: 800px) and (max-width: 1024px) {

    .class-frame-chat {
      width:205px;
      height:220px;
    }

    .container {
      width: 745px;
  }

  .scrollable {
    padding-left: 0em;

  }
  }

#editor{
    width: 60vw !important;
}
 */
.pdf-icon {
    background: url(../img/PDF_icon.png) no-repeat;
    height: 52px;
    width: 37px;
    background-size: 37px;
    position: absolute;
    top: 0em;
    left: -35px;
    cursor: pointer;
}

.element-draggable {
    border: 1px solid;
    background-color: white;
    border-radius: 10px;
    width: 30px;
    height: 30px;
    z-index: 1049;
    padding: 14px;
    position: absolute;
    cursor: pointer;
    background-size: 30px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAU0AAAEkCAMAAACc1ZNkAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAjdQTFRFAAAAtLW2VlZXHR0dBwcHEhISOzs7i4yNTE1NAAAAGhoavL6/4uTlKiorBgYGqaqrKyss4+XmLCwtMjIyq6ytaGlpCgoKx8nJ3N7fBQUFDQ0NMzMzkJGSvb/AZmdnent7XV1eDAwMOjo6XFxdd3h4YmNkuLm6OTk5iImKAgIC09TVODg4VVVWm52du72+ISIi5efomZqaHBwc1tfYNzc3pKamCwsLGRkZwcPEFhYWcXJy5ObnWlpbAQEB3+Hiz9DRv8HC1NXWY2RkKSkqExMTIyQkTU5OPT09nJ6ejY6PHh4e2tzdCQkJw8XGwsTFmJmZQEFBFBQUPDw8lZaWcnNzk5SV2drblJWWdHV1dXZ2WVla4OLjV1dYHx8fzc/PFxcXFRUV0NHS1dbX19jZKCkpjo+QkpOUNTU1BAQEGBgY5+nqlpeXMTEy3d/g0tPU2NnaHyAghYaHVFRVIiMj4ePkeHl5ICEh2dvcfH19e3x8qKmqpaanfX5/293eU1NU0dLTJCUlJSYm3uDhR0hIfH1+iouMLS0uxsjIGxsbRUZGiYqLWFhZPj4+s7S1P0BAtre4YWJjJicnZGVlNjY2c3R0y83NyszMYGFiLi4vERERxMbHm5ycQUJCo6Wlf4CBpqeoztDQSElJoaOjbG1tbW5uZ2hoamtrXV5fl5iYQkNDDw8PmpubUlNTRkdHyMrKb3BwPj8/5ujpuru8tba3dnd3Xl9gMDAxrq+wra6vrK2uqqusSUpKsrO05d78JgAAAL10Uk5TAP//////////////YP////9Q////////wP//////////////////////////////MP////////////9A//+Q////////////////4P///////////////////4D//////////////////xD//7D///////9w///w///////Q/////6D/////////////////////////////////////////////////////////////IP//////////////YqNhLAAACZNJREFUeJzt3f+fFVUdx/GrG9AALaEIu+iSFyK8IhCyuCy2rcCSxmICClZCQiIBhri7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);
}

.display-flex {
    display: flex;
}

app-exam-evaluation-conf {
    z-index: 107;
    position: fixed !important;
    right: 0;
    border-left: 9px solid rgb(3,80,136);
    overflow: auto;
    background-color: rgb(235,235,235);
}


.custom_highlighter {
    background-color: yellow;
    /*display: inline-block*/
  }

.custom_nothighlighter {
    background-color: transparent;

}

#editor [blanco="1"] {
    display: inline-block;
    white-space: normal; /* Permitir la división de palabras solo en este <span> */
}