@charset "utf-8";


:root {
	--marginTop_App_fullScreen: 0px;
	--marginBottom_App_fullScreen: 0px;
}

html[data-margintop-app-fullScreen="true"]{
	--marginTop_App_fullScreen: 38px;
}

html[data-margintop-app-fullScreen="true"][data-android-sdk-version="35"]{
	--marginTop_App_fullScreen: 38px;
}
html[data-margintop-app-fullScreen="true"][data-android-sdk-version="36"]{
	--marginTop_App_fullScreen: 24px;
}

html[data-marginbottom-app-fullScreen="true"]{
	--marginBottom_App_fullScreen: 48px;
}



html[data-margintop-app-fullscreen] body #contenedorLogin::before {
    background: #222728 !important;
    position: fixed;
    top: 0;
    height: var(--marginTop_App_fullScreen);
    width: 100%;
    content: ' ';
    left: 0;
    z-index: 999;
}

#fondoContenedorLogin {
  top: calc(0px + var(--marginTop_App_fullScreen)) !important;
}


/*BANNER APP INDEX*/
#bannerApp {
    background: #fff;
    padding: 2rem 0.5rem 2rem 1rem;
    box-shadow: 0px 2px 15px rgba(0,0,0,0.35);
    text-align: left;
    position: fixed;
    bottom: 50px;
    z-index: 999;
    width: 100%;
    box-sizing: border-box !important;
    left: 0;
  }

#bannerApp i.fas{display: none;}
/*
#bannerApp svg {

    background-color: #cf0033;
    margin-right: 0;
    color: #fff;
    padding: 4px;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    vertical-align: middle;
    cursor: pointer;

}*/
#bannerApp > span {

    color: #333;
    display: inline-block;
    width: calc(100% - 110px);
    vertical-align: middle;
    font-size: 0.8rem;
    margin-left: 10px;
    font-weight: 600;
    line-height: 1rem;
    text-align: left;

}
#bannerApp i {

    background: #fff;
    font-size: 13px;
    font-family: 'robotoc' !important;
    padding: 5px;
    vertical-align: middle;
    cursor: pointer;
    display: inline-block;
    text-align: center;

}
#bannerApp i + i {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

#bannerApp i.ion-close {
    font-size: 0.7rem;
    color: #fff;
    background: #cf0033;
    padding:0.3rem 0.3rem 0.35rem;
    border-radius: 50%;
    width: 0.8rem;
    height: 0.7rem;
}

#bannerApp i > span {

    display: block;
    font-size: 12px;
    font-family: 'robotoc' !important;
    font-weight: 600;
    color: #f56600;
    margin-top: 3px;

}
/*FIN DE BANNER APP INDEX*/


/*SPIN LOGIN*/
.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    margin-top: 40px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-ring.recuperarPass div {
    border-color: var(--colorPrincipal) transparent transparent transparent; 
}
/*FIN DE SPIN LOGIN*/


/*SPIN AUTOLOGIN*/
.lds-ring.autologin {
    position: fixed;
    z-index: 999;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

.lds-ring.autologinExterno {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

body.learNNity + .lds-ring.autologinExterno {
    top: 200px;
}


li#panicButton, li.panicButton {
    display: none !important;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;

    animation-delay: 0.1s;
    animation-name: fontfix;
    animation-duration: 0.1s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
@keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}



*{font-family:'open sans', sans-serif !important; }
*:focus{outline: none;} 

::-moz-selection{background:none repeat scroll 0 0 rgba(56, 117, 215, 1); text-shadow:none; color:#fff;}
::selection{background:none repeat scroll 0 0 rgba(56, 117, 215, 1); text-shadow:none; color:#fff;}

.ion-ios7-play:before { content: "\f488" !important; }

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

.html{overflow: hidden;}

.limpiador{
    clear:both;
    height:0px;
    float: none !important;
}

.espaciadorMedio{height: 20px !important;}
.espaciador{height: 40px !important;}
.espaciadorDoble{height: 80px !important;}

h4{
    font-size: 17px;
}
a {
    color: var(--colorPrincipal);
    font-size: 13px;
    text-decoration: none;
}
a, button {outline: medium none !important;}

p {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
}

.textoDifusora * {
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 100;
}

.textoDifusora li {
    padding: 1px !important;
    margin-bottom: 0px !important;
}

img[src=""], img:not([src]){
    opacity:0;
}

html.autologin {
    background-color: #f56600 !important;
}
body .learnnity {
    letter-spacing: -3.4px !important;
}

html body.loginNew.accesibilidadActivada :focus {
    box-shadow: 0px 0px 0 4px rgba(0, 0, 0, 0.4) !important;
}

body.loginNew > h1 {
    display: none;
}

a.btn, button.btn{

    background: var(--colorPrincipal);
    border: medium none;
    border-radius: 5px !important;
    box-shadow: 0 2px 0 0 #14419e;
    color: #fff;
    display: inline;
    float: none;
    font-size: 15px;
    font-weight: 100;
    margin-right: 20px;
    margin-top: 10px;
    max-width: 280px;
    padding: 15px 15px;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: middle;
    opacity: 1;
}
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled]{
    background: #f0f0f0;
}


body:not(.sinSuavizado) a.btn-primary, 
body:not(.sinSuavizado) button.btn-primary{
    transition: all 0.25s ease-out 0s !important;
}


.modal.modalContrasenaBootbox button {
    box-shadow: none !important;
  }


a.btn-primary, button.btn-primary{
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #FFFFFF;
}
a.btn-primary:hover, button.btn-primary:hover,
a.btn-primary:active, button.btn-primary:active,
a.btn-primary.active, button.btn-primary.active,
a.btn-primary.disabled, button.btn-primary.disabled,
a.btn-primary[disabled], button.btn-primary[disabled]{
    opacity:0.7;
}

a.btn-warning, button.btn-warning{
    background: none repeat scroll 0 0 #EA0450 !important;
    box-shadow: 0 2px 0 0 #9C0034 !important;
    color: #FFFFFF;
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
    text-shadow:none !important;
}



input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: url("../../assets/images/Itinerario/notAllowed1.png") 10 -250, url("../../assets/images/Itinerario/notAllowed.png"), not-allowed !important;
}

#ventanaEmergente {
    background: none repeat scroll 0 0 #fff;
    bottom: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 1);
    box-sizing: border-box;
    height: 50%;
    left: 0;
    max-width: 420px;
    padding: 20px 20px 60px;
    position: fixed;
    top: 25% !important;
    z-index: 2147483647;
}
html.apple #ventanaEmergente{
    overflow-y:scroll !important;
}
#ventanaEmergente > table {
    margin-bottom: 10px !important;
    margin-top: 10px;
    width: 150px !important;
}
#ventanaEmergente > table tr td,
#ventanaEmergente > table tr th {
    color: #222728 !important;
    font-size: 14px;
    font-weight: 100;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}

#ventanaEmergente > table tr td a,
#ventanaEmergente > table tr th a {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: -0.4px;
}

#ventanaEmergente > table tr td sup > a {
    font-size: inherit !important;
    font-weight: inherit !important;
}

#ventanaEmergente > table tr td a.verWikipedia {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    color: #fff;
    display: block;
    font-size: 16px !important;
    font-weight: 100 !important;
    margin-bottom: 0;
    margin-top: 30px;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#ventanaEmergente > table tr td[style*="#cddeff"] {
    background: none repeat scroll 0 0 #f0f0f0 !important;
}
#ventanaEmergente > table tr th.cabecera {
    background: none repeat scroll 0 0 #333743 !important;
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
}
#ventanaEmergente > table tr td a.image + span {
    display: block;
    margin-top: 10px;
}

#cerrarVentanaEmergente {
    color: #000;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 29px;
    margin: -10px -10px 0 -20px;
    opacity: 1;
}
body:not(.sinSuavizado) #cerrarVentanaEmergente{
    
    transition: all  0.25s ease-out;
}
#cerrarVentanaEmergente:hover{
    opacity:0.4;
}

body.noScroll {
    overflow: hidden !important;
}





/* --------LABELS--------*/
.label-success, .badge-success {
    background-color: #04EAAC;
}

.label, .badge {
    border-radius: 2px !important;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.6px;
    line-height: 14px;
    padding: 1px 5px !important;
    text-shadow: none;
    text-transform: uppercase;
    vertical-align: baseline;
    white-space: nowrap;
}
/* --------FIN DE LABELS--------*/




/* --------Nicescroll--------*/
.nicescroll-rails{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
    width: auto !important;
    margin-left:0;
}
.nicescroll-rails:not(.niceVisible):not(.niceLateral){
    
    transition:  margin-left 0.25s ease-out;
}
.nicescroll-rails:not(.nicescroll-rails-hr):not(.niceVisible):not(.niceLateral):hover{
    margin-left: -12px;
}
div.niceVisible[id*="ascrail"] {
    opacity: 1 !important;
    display: block !important;
}
.niceLateral{
    left:0px !important;
    margin-left:2px;
    z-index: 2147483627 !important;
}
@-moz-document url-prefix() {
    .niceLateral{
        margin-left:0px;
    }
}




.nicescroll-rails div{
    /*background-color:var(--colorPrincipal) !important;*/
    /*background-color:rgba(56, 117, 215, 0.7) !important;*/
    background-color: rgba(0, 0, 0, 0.8) !important;
    border-radius:0px !important;
    border:none !important;
    cursor:pointer;
    z-index: 9999;
    box-shadow: none;
}

.nicescroll-rails.niceLateral > div{background-color:rgba(255,255,255,0.7) !important}
.nicescroll-rails.niceVisible > div{background-color:rgba(255,255,255,0.7) !important}

.nicescroll-rails:not(.nicescroll-rails-hr) div:hover:not(#senueloNiceHtml){
    width:17px !important;
    cursor:pointer;	
    background-color:#0084FF !important;
    box-shadow: 0 0 15px rgba(0, 132, 255, 0.3);
}
.nicescroll-rails.niceLateral > div:hover:not(#senueloNiceHtml){background-color:rgba(255,255,255,0.9) !important; box-shadow:none !important}

.nicescroll-rails:not(.nicescroll-rails-hr):hover div:not(#senueloNiceHtml){
    width:17px !important;
}

body:not(.sinSuavizado) .nicescroll-rails div:not(#senueloNiceHtml){
    
    transition: width  0.25s ease-out , background  0.25s ease-out , box-shadow  0.25s ease-out;	
}

#senueloNiceHtml {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: none 0s ease 0s !important;
    width: 20px !important;
    z-index: 999;
}


/* --------FIN DE Nicescroll--------*/



/*--------GRITTER--------*/
.gritter-top{display:none}
.gritter-bottom{display:none}

.gritter-item {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    color: #222728;
    padding: 20px 10px;
    text-shadow: none !important;
}

.gritter-item:hover, .gritter-item:active{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
}
body:not(.sinSuavizado) .gritter-item:hover, body:not(.sinSuavizado) .gritter-item:active{
    
    transition: all 0.4s ease-out;
}
.gritter-title {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #222728;
    color: #FFFFFF !important;
    padding: 10px;
    text-shadow: none !important;
}
.gritter-close {
    display: block !important;
}
/* --------FIN DE GRITTER--------*/



/*--------ScrollToTop--------*/
#back-top {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);*/
    bottom: 0px;
    cursor: pointer;
    margin-bottom: 0 !important;
    padding: 0px;
    position: fixed;
    right: 0px;
    z-index: 2147483647;

}
body:not(.sinSuavizado) #back-top {
    
    transition: bottom 0.4s ease-out;
}
#back-top.oculto{
    bottom:-60px;
}
#back-top a {
    color: #333;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700 !important;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 48px;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

body:not(.sinSuavizado) #back-top a{
    
    transition: all 0.4s ease-in;
}

#back-top span {
    /*background: var(--colorPrincipal);*/
    background: none repeat scroll 0 0 rgba(0,0,0,0.7);
    border-radius: 0px;
    display: block;
    height: 48px;
    margin-bottom: 0px;
    width: 48px;
    opacity: 1;
}
body:not(.sinSuavizado) #back-top span{
    
    transition: all 0.4s ease-in;
}

#back-top a:active span,
#back-top a:hover span{
    opacity: 0.4;
}

/*--------Fin de ScrollToTop--------*/



/*------CHECKBOX------*/
.icheckbox_square-blue,
.iradio_square-blue {
    display: inline-block;
    vertical-align: middle;
    margin: 5px -16px 0 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url('blue.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-blue {
    background-position: 0 0;
}
.icheckbox_square-blue.hover {
    background-position: -24px 0;
}
.icheckbox_square-blue.checked {
    background-position: -48px 0;
}
.icheckbox_square-blue.disabled {
    background-position: -72px 0;
    cursor: default;
}
.icheckbox_square-blue.checked.disabled {
    background-position: -96px 0;
}

.iradio_square-blue {
    background-position: -120px 0;
}
.iradio_square-blue.hover {
    background-position: -144px 0;
}
.iradio_square-blue.checked {
    background-position: -168px 0;
}
.iradio_square-blue.disabled {
    background-position: -192px 0;
    cursor: default;
}
.iradio_square-blue.checked.disabled {
    background-position: -216px 0;
}









/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-blue,
    .iradio_square-blue {
        background-image: url(blue@2x.png);
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}
/*------FIN DE CHECKBOX------*/




/*-----SIMULACION DE BLINK--------*/
.blink {
    animation: blink 1s steps(5, start) infinite;
    -webkit-animation: blink 1s steps(5, start) infinite;
}
@keyframes blink {
    to { visibility: hidden; }
}
@-webkit-keyframes blink {
    to { visibility: hidden; }
}
/*-----FIN DE SIMULACION DE BLINK--------*/



/*-----LOADER-----*/
.spinner{display:none !important;}

.contenedorLoader {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2147483647;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:rgba(56,117,215,0.25);
    cursor:progress;
}
body[onload*="Login"]:not(.sinSuavizado) .contenedorLoader{
    
    transition: all 0.4s ease-in;
}

.contenedorLoader .contenedorLoaderWrapper {
    -moz-box-sizing:border-box;
    box-sizing: border-box;
    background: none repeat scroll 0 0 #2561c1;
    border-radius: 50%;

    height: 130px;
    left: 50%;
    left: calc(50% - 65px);
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    top:50%;
    top:calc(50% - 65px);
    width: 130px;
}

.contenedorLoader .lineaCargador{
    background-color: rgba(0,0,0,0);
    border:1px solid #FFFFFF;

    border-top:4px solid rgba(0,0,0,0);
    border-bottom:4px solid rgba(0,0,0,0);
    border-radius:60px;

    -moz-animation:spin 1.4s infinite linear;
    -webkit-animation:spin 1.4s infinite linear;
    animation: 1.4s linear 0s normal none infinite spin;

    background-color: rgba(0, 0, 0, 0);

    border-radius: 50%;


    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 100px;
    left: 0px;
    margin: 0 auto !important;
    opacity: 0.9;
    position: relative;
    top: 3px;
    width: 100px;
}


.contenedorLoader .textoCargador:before {
    /*color: #FFFFFF;
    content: attr(data-textoHover);
    font-size: 13px !important;
    font-weight: 100;
    text-transform:uppercase;*/
	
	color: #FFFFFF;
	content: attr(data-textoHover);
	font-size: 17px !important;
	font-weight: 800;
	text-transform: uppercase;
	font-family: 'robotoc' !important;
	letter-spacing: -0.5px;
}
.contenedorLoader .textoCargador {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: -56px;
    width: 100%;
}

.contenedorLoader .contenedorLoaderWrapper.style2{
    background:none !important;
}
.contenedorLoader .contenedorLoaderWrapper.style2 .lineaCargador{
    border-color: var(--colorPrincipal) !important;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
}
.contenedorLoader .contenedorLoaderWrapper.style2 .textoCargador:before{
    color: var(--colorPrincipal);
}

.contenedorLoader .contenedorLoaderWrapper.style3{
    background:none !important;
    transform: scale(0);


}
body:not(.sinSuavizado) .contenedorLoader .contenedorLoaderWrapper.style3{
    transition: all 0.25s ease-out;
}
.contenedorLoader .contenedorLoaderWrapper.style3.in{
    transform: scale(1.8);
}
.contenedorLoader .contenedorLoaderWrapper.style3 .lineaCargador{
    border-color: #fff !important;
    box-shadow: 0 0 110px rgba(255, 255, 255, 0.5);
}
.contenedorLoader .contenedorLoaderWrapper.style3 .textoCargador:before{
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 22px rgba(255, 255, 255, 0.5);
}


/*-----ANIMACION LOADER--------*/
@-moz-keyframes spin {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(360deg); }
}
@-moz-keyframes spinoff {
    0% { -moz-transform:rotate(0deg); }
    100% { -moz-transform:rotate(-360deg); }
}
@-webkit-keyframes spin {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(360deg); }
}
@-webkit-keyframes spinoff {
    0% { -webkit-transform:rotate(0deg); }
    100% { -webkit-transform:rotate(-360deg); }
}
@keyframes spin {
    0% {transform:rotate(0deg); }
    100% {transform:rotate(360deg); }
}
@keyframes spinoff {
    0% {transform:rotate(0deg); }
    100% {transform:rotate(-360deg); }
}
/*-----FIN DE ANIMACION LOADER--------*/


/*-----ANIMACION BACKGROUND LOADER--------*/
.contenedorLoader{
    -webkit-animation: animacionBotonLearNNity 1s; /* Chrome, Safari, Opera */
    animation: animacionBotonLearNNity 1s;
    transition:opacity ease-out 0.20s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes animacionBotonLearNNity {
    0%   {opacity: 0}
    100% {opacity: 1}
}

/* Standard syntax */
@keyframes animacionBotonLearNNity {
    0%   {opacity: 0}
    100% {opacity: 1}
}
/*-----FIN DE ANIMACION BACKGROUND LOADER--------*/

/*-----FIN DE LOADER-----*/



/**PROPIOS DE CAMPUS*/

body.letra2 * {
    font-weight: 600 !important;
}
body.letra2 *::after, body.letra2 *::before {
    font-weight: 600 !important;
}

#imagenFondo{
    position: fixed !important;

    width: 120% !important;
    height: 120% !important;

    max-width: none !important;
    max-height: none !important;

    display: block !important;

    -webkit-filter: blur(20px);
    -o-filter: blur(20px);
    -ms-filter: blur(20px);
    filter: blur(20px);

    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;

}

html.csstransforms #imagenFondo{
	transform: translate(-10%, -10%);
}

html:not(.csstransforms) #imagenFondo{
	top: -10% !important;
    left: -10% !important;
}

#imagenFondo {
    filter: blur(20px) saturate(100%);
    transition: filter 0.25s ease-out;
}
html.BYN #imagenFondo{
    filter: blur(20px) saturate(0%);	
}


#imagenFondo.ipad{
    position: fixed !important;
    display: block !important;
    width: 103% !important;
    height: 103% !important;
    top: 0px !important;
    left: 0px !important;
}
.bordeGrisRedondeado, .panelContenedorActividad div.bordeGrisRedondeado{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 30px 30px 30px;
}
.panelContenedorActividad div.bordeGrisRedondeado:first-child{
    padding-top: 60px !important;
}


.criterioCorreccion .criterioCorreccionEncabezado{font-size:15px; text-transform:uppercase;}
.criterioCorreccion .criterioCorreccionFila{
    font-size: 13px;
    margin: 20px 0;
}
.criterioCorreccion .criterioCorreccionFila div:not(.span10){
    font-weight:800;
    text-align:center;
}

.fondoGris{
    background-color: #F1F1F1;
}

.chosen-container .chosen-results .highlighted {
    background: var(--colorPrincipal) !important;
    color: #FFFFFF;
}
.divExplicacionServicio {
    background: none repeat scroll 0 0 #F0F0F0;
    border: medium none;
    border-radius: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

.lineaNaranja{
    margin-top: 5px;
    margin-bottom: 10px; 
    height: 2px; 
    border: 0; 
    color: #ff7319; 
    background-color: #ff7319;
}

.barraGrisOscura{
    color:#FFFFFF; 
    font-size:16px; 
    font-weight:bold;
    background-image: url('../images/v2/barras/barra_gris_2_center.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.barraGrisClara{
    font-size:16px; 
    font-weight:bold;
    background-image: url('../images/v2/barras/barragis_ud.png');
    background-repeat: no-repeat;
    background-size: cover;

}
.barraNaranja{
    background-image: url('../images/v2/barras/barra_naranja_center.png');
    background-repeat: no-repeat;
    background-size: cover;
    color: white; 
    font-weight: bold;
    font-size: 12px;
}
.barraNaranjaClaro{
    background: none repeat scroll 0 0 #E0E0E0;
    color: #333333;
    font-weight: 100 !important;
    padding: 10px 0 3px;
}
.barraSeccion{
    background-image: url('../images/v2/seccion/barra_sup_cen.png');
    background-repeat: no-repeat;
    background-size: cover;
    color: white; 
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 5px;
}

.tituloLetraNaranja{
    color:#ff7319;
}

.labelAclaracionTelefonos.tituloLetraNaranja {
    color: var(--colorPrincipal);
    position: relative;
    top: -27px;
}
label.labelAclaracionTelefonos {
    font-size: 11px !important;
    font-weight: 100 !important;
    line-height: 22px;
}
.labelTituloAdvertencias{
    color: red;
    font-weight: bold;
}
.tituloNaranja{
    color: #ff7319;
    font-size: 18px;
    font-weight: bolder;
}
.bordeNaranjaRedondeado{
    border: solid; 
    border-radius: 15px;
    padding: 10px;
    border-color: #ff7319;
}
.letraNaranja{
    color: #ff7319;
}


.infoMeGusta{
    color: green !important;
}

.infoNoMeGusta{
    color: red !important;
}

.pestanaNaranjaClaro, .pestanaGrisClaro {
    margin-bottom: 10px;
    margin-left: 0 !important;
    width: 100% !important;
}
.letraCursiva{
    font-style:italic;
}

.linkAdjuntos{
    color: black !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
}


body > .container-fluid{
    padding-left: 0px !important;
    padding-right: 0px!important;
}


.fondoSeccion{
    background-color: white;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}


#divSecciones{
    padding-top: 30px;
}


.btn-primary {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;

}
.btn:active, .btn.active, .btn-primary:active, .btn-primary.active, .btn-success:active, .btn-success.active, .btn-danger:active, .btn-danger.active, .btn-warning:active, .btn-warning.active, .btn-info:active, .btn-info.active, .btn-inverse:active, .btn-inverse.active {
    opacity: 0.75;
}


.lineaAzul{
    margin-top: 5px;
    margin-bottom: 10px; 
    height: 2px; 
    border: 0; 
    color: var(--colorPrincipal); 
    background-color: var(--colorPrincipal);
}


.titulo{
    font-size: 18px;
    font-weight: bolder;
}

.barraBordeAzul{
    background-color: #E5E5E5;
    border-top: 5px solid var(--colorPrincipal);

}


.bordeAzulRedondeado{
    border: solid; 
    border-radius: 0px;
    padding: 10px;
    border-color: var(--colorPrincipal);

}
.fondoContenedorActividad{
    background-color: white !important;
}
.fondoGris {
    background-color: #E5E5E5;
    height: 70px;
    margin-bottom: 0;
    /*padding-left: 20px;*/
    padding-top: 21px;
}
.panelContenedorActividad{
    /*padding: 10px;*/
    padding: 0px 45px;
    margin-top: 0px;
    /*width: calc(100% - 363px) !important;*/
    width: 100% !important;
    margin-left: 0 !important;
}

body[onload*="Login"]:not(.sinSuavizado) .panelContenedorActividad{
    
    transition: all 0.4s ease-in;
}

.fechasPlanificacion {
    color: #656565;
    display: block;
    margin-top: 2px !important;
    text-align: right;
    text-transform: uppercase;
}
.descripcionActividad {
    color: #333333;
    font-family: 'open sans',sans-serif !important;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 26px;
    margin: 0 0 30px;
    text-align: justify;
}
.descripcionActividad {

    font-size: 16px;
    font-weight: 300;
    line-height: 23px;
}

.fondoGrisBoton{
    background: rgba(0,0,0,0.05);
}
.botonActividadCurso{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04) !important;
    border-bottom: 2px solid #B2B2B2;
    border-radius: 0 !important;
    border-top: medium none !important;
    color: #000000 !important;
    cursor: pointer !important;
    height: 72px;
    max-width: 150px;
    padding: 0 !important;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0 !important;
}

.botonActividadCurso{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: medium none !important;
    box-shadow: none !important;
    height: auto;
}
.botonActividadCurso:first-child{
    border-right: 1px solid #F0F0F0 !important;
    max-width: 200px !important;
    padding-right: 32px !important;
}
.accionesCurso > .botonActividadCurso:last-child {
    margin-left: 30px !important;
    width: 100px !important;
}

.botonActividadCurso:first-child:last-child {
    border: medium none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
}


.botonActividadCurso div.fondoGrisBoton{
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    clear: both !important;
    display: block !important;
    float: none !important;
    height: auto !important;
    position: relative !important;
    text-align: center !important;
    width: 100% !important;
}
.botonActividadCurso div.fondoGrisBoton img{
    position: relative;
    top: 0px !important;
}


.btn.botonActividadCurso.botonIconoBicolor.botonMiCurso {
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    max-width: none !important;
    padding: 0 !important;
    border-radius: 3px !important;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 80px;
    width: 100% !important;
    width: calc(100% - 60px) !important;
    margin: auto !important;
    box-sizing: border-box;

}

.botonMiCurso{
    opacity: 1;

}
body:not(.sinSuavizado) .botonMiCurso{
    
    transition: all 0.3s ease-in;
}
.botonMiCurso:hover{
    opacity:0.5;
}


.botonPlanificacionTexto > div {
    float: left;
    width: 50%;
}
.botonPlanificacionTexto {
    margin-top: 6px;
    width: 176px;
}
.fechaPlanificado, .fechaPlanificadoDerecha{
    clear: both;
    display: block;
    float: none;
    font-size: 11px !important;
    margin: 0 !important;
    text-align: left !important;
}
.fechaPlanificado:first-child, .fechaPlanificadoDerecha:first-child {
    margin-bottom: -4px !important;
}

.fechaPlanificadoDerecha{text-align: right !important; }
.botonActividadCurso > div.span8{
    margin: 0;
    width: 100%;
}
.botonActividadCurso.botonMiCurso > .span8{
    padding: 20px;
    width: 100% !important;
}

.botonActividadCurso > div.span8 > label,
.botonActividadCurso > div.span8 > p {
    color: #333;
    cursor: pointer !important;
    display: block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 19px;
    margin-bottom: 0 !important;
    margin-top: 15px !important;
    text-align: center;
    text-shadow: none !important;
    width: 100%;
}

.botonActividadCurso.botonMiCurso > div.span8 > label,
.botonActividadCurso.botonMiCurso > div.span8 > p {
    color: #fff;
    margin-top: 0px !important;
}


.botonActividadCurso > div.span8 > label:last-child,
.botonActividadCurso > div.span8 > p:last-child{
    font-size: 11px;
    font-weight: 300;
    margin-top: 3px !important;

}


.direccionEnlace{
    font-weight: 600;
    color: var(--colorPrincipal) !important;
    text-decoration: underline;
}
.imagenWarning{
    opacity:  0.5 !important;
}
.avisoModificacionActividad{
    text-transform: uppercase;
    border:5px dashed #EAD674;

}

.linkVerOnline{
    color: black !important;
    text-transform: uppercase;
    font-weight: bolder
}

.fondoAzul{
    background-color: var(--colorPrincipal);
    font-weight: bolder;
    padding: 5px;
    color: #FFFFFF;
}
.fondoBlanco{
    background-color: white;
}


/*ACUERDO*/

#iconoAcuerdo {
    bottom: 0;
    left: 0;
    position: fixed;
    transition: left 0.3s ease-in;
}
#iconoAcuerdo.oculto{
    left:-60px;


}

#iconoAcuerdo > img {
    /*height: 120px;*/
    height: 95px;
}


#logotipoAcuerdo {
    background: #ffffff none repeat scroll 0 0;
    box-sizing: border-box;
    clear: both;
    margin-left: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    width: 100%;
}


/*FIN DE ACUERDO*/

.tituloAsignaturasEntrenate {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #999999;
    cursor: pointer;
    font-weight: 400;
    text-transform: uppercase;
    min-height: 30px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #DDDDDD #DDDDDD #CCCCCC;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 3px;
    margin-bottom: 20px;
    border-left: 4px solid #0088CC !important;
}

.tituloAsignaturasEntrenate:hover{
    color:#fff;
    background:#d0d0d0; 
}

.tituloBiblioteca{
    font-size: 18px;
    font-weight: bolder;
}
/**PROPIOS DE CAMPUS*/




/*LOGIN*/
body[onload*="Login"], 
body#bodyCambioContrasena{	
    background: none repeat scroll 0 0 var(--colorPrincipal) !important;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
    filter: alpha(opacity=100) !important;
    /*-moz-opacity:1 !important;
    -khtml-opacity: 1 !important;*/
    opacity: 1 !important;
}




body.loginNew{
    /*background:#fff !important;*/
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    transition: all 0s ease-in !important;
}

head.twitter_dark + body ::-webkit-scrollbar-thumb {
    background: #fff;
}


body.loginNew #contenedorLogin,
body.loginNew #sidebarLogin{
    -webkit-transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    transition:         all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; 
}

body.loginNew #sidebarLogin{
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}

body.loginNew #contenedorLogin {
    /*background:var(--colorPrincipal) !important;*/
    height: 100%;
    position: absolute;
    text-align: center;
    /*left:0;
    top:calc(100% + 450px);*/
    width: calc(110%);
    z-index: 150;

}

body.loginNew #sidebarLogin{
    height: 100%;
    position: absolute;
    text-align: center;
    width: 450px;
    right:-100%;
    background:rgba(0, 0, 0, 1);
    z-index: 152;
    top: 0;
    border-right: solid 3px rgba(255,255,255,0);
    border-top: solid 3px rgba(255,255,255,0);
    border-bottom: solid 3px rgba(255,255,255,0);
}



body.loginNew .tituloLogoLogin > span {
    font-weight: 800;
    letter-spacing: -15px;
    margin-right: 15px;
}


body.loginNew #sidebarLogin .instagram > a,
body.loginNew #sidebarLogin .facebook > a{
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    text-decoration: none !important;
    width: 100%;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
body.loginNew #sidebarLogin .instagram:hover > a,
body.loginNew #sidebarLogin .facebook:hover > a{
    opacity: 0.3;
}

body.loginNew #sidebarLogin .instagram > a:hover,
body.loginNew #sidebarLogin .facebook > a:hover{
    opacity: 1;
}

body.loginNew #sidebarLogin .instagram > a.itemInstagram[data-type="video"],
body.loginNew #sidebarLogin .facebook > a.itemInstagram[data-type="video"]{
    position: relative;
}
body.loginNew #sidebarLogin .instagram > a.itemInstagram[data-type="video"] img + i,
body.loginNew #sidebarLogin .facebook > a.itemInstagram[data-type="video"] img + i {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 130px;
    margin: auto;
    height: var(--altura);
    text-shadow: 0px 0px 15px rgba(0,0,0,0.25);
}
body.loginNew #sidebarLogin .instagram > a.itemInstagram[data-type="video"] img + i::before,
body.loginNew #sidebarLogin .facebook > a.itemInstagram[data-type="video"] img + i::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 130px;
    margin: auto;
}

body.loginNew #sidebarLogin .instagram > a > p,
body.loginNew #sidebarLogin .facebook > a > p {
    background: #fff;
    color: #222728;
    font-size: 13px;
    line-height: 16px;
    padding: 15px;
    text-align: center;
    margin-bottom: 0;
}

body.loginNew #sidebarLogin .instagram > a > p.sinDatosSociales,
body.loginNew #sidebarLogin .facebook > a > p.sinDatosSociales {
    padding: 25px 15px;
}

body.loginNew #sidebarLogin .instagram > a > p span.textoIg:first-child,
body.loginNew #sidebarLogin .facebook > a > p span.textoIg:first-child {
    margin-top: 0;
    padding-top: 0;
}

body.loginNew #sidebarLogin .instagram > a > p span.likesIg,
body.loginNew #sidebarLogin .facebook > a > p span.likesIg {
    margin-right: 30px;
    display: inline-block;
    font-weight: 600;
    color:#222728;
    text-decoration: none !important;
}

body.loginNew #sidebarLogin .instagram > a > p span.likesIg i,
body.loginNew #sidebarLogin .facebook > a > p span.likesIg i{
    color: #ED4956;
    font-size: 20px;
    line-height: 0px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 3px;
}
body.loginNew #sidebarLogin .instagram > a > p span.likesIg i.vacio,
body.loginNew #sidebarLogin .facebook > a > p span.likesIg i.vacio{
    color:#222728;
}

body.loginNew #sidebarLogin .instagram > a > p span.commentsIg,
body.loginNew #sidebarLogin .facebook > a > p span.commentsIg {
    display: inline-block;
    font-weight: 600;
    color:#222728;
    text-decoration: none !important;
}
body.loginNew #sidebarLogin .instagram > a > p span.commentsIg i,
body.loginNew #sidebarLogin .facebook > a > p span.commentsIg i{
    font-size: 20px;
    line-height: 0px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 3px;
}

body.loginNew #sidebarLogin .instagram > a > p span.textoIg,
body.loginNew #sidebarLogin .facebook > a > p span.textoIg {

    display: block;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 100;
    color: #222728;
    text-decoration: none !important;
    line-height: 19px;
    padding-top: 20px;
    text-align: left;
    overflow-x: hidden

}
body.loginNew #sidebarLogin .instagram > a > p .commentsIg + .textoIg,
body.loginNew #sidebarLogin .facebook > a > p .commentsIg + .textoIg{
    border-top: solid 1px #ddd;
}

body.loginNew #sidebarLogin .instagram > a > p span.textoIgPermalink, 
body.loginNew #sidebarLogin .facebook > a > p span.textoIgPermalink {
    margin-top: 20px;
    display: block;
    color: var(--colorPrincipal);
    font-weight: 600;
}


body.loginNew.esApp #contenidosRequisitosLogin ul li.ocultoApp{
    display:none
}

body.loginNew #contenedorLogin .login .login_form > fieldset > hr {
    margin: 0;
    height: 0;
    visibility: hidden;
}


body.loginNew #contenedorLogin #usuarioConectadoNombre {
    margin-left: 5px;
}

body.loginNew #contenedorLogin #usuarioConectadoNombre:empty {
    display: none;
}
/*FIN DE LOGIN*/





/*CAMBIO CONTRASEÑA*/
#contenedorCambioContrasena{margin: 0px auto ! important; position: relative; display: block; width: 220px; float: none; color: rgb(17, 17, 17); border-radius: 0px; box-shadow: none ! important; border: medium none ! important; background: none repeat scroll 0px 0px rgb(255, 255, 255);}

#contenedorCambioContrasena #formularioCambioContrasena > label {
    display: block;
    font-size: 14px;
    font-weight: 100;
    margin-top: 30px;
}

#contenedorCambioContrasena #formularioCambioContrasena > input {
    background: none repeat scroll 0 0 #f0f0f0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    padding: 15px;
}

#contenedorCambioContrasena #formularioCambioContrasena > label.errorsForm {
    background: none repeat scroll 0 0 #d03c51;
    color: #fff;
    margin-left: 5px;
    margin-top: 10px;
    padding: 15px 20px;
    width: 170px;
}

#contenedorCambioContrasena #formularioCambioContrasena > button {
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 20px;
    width: 96%;
}
/*FIN DE CAMBIO CONTRASEÑA*/



/*BARRA DE PROGRESO*/
#progress {
    position: fixed;
    z-index: 2147483647;	
    top: 0;
    left: -6px;
    width: 0%;
    height: 2px;
    background: #ffffff;
    border-radius: 1px;
    margin-top: 0;
    margin-bottom: 0;

}
body:not(.sinSuavizado) #progress {
    transition: width 500ms ease-out, opacity 400ms linear;
}


#progress dd, #progress dt {
    position: absolute;
    top: 0;
    height: 2px;
    /*-moz-box-shadow: #fff 1px 0 6px 1px !important;
    -ms-box-shadow: #fff 1px 0 6px 1px !important;
    -webkit-box-shadow: #fff 1px 0 6px 1px !important;*/
    box-shadow: #fff 1px 0 6px 1px !important;
    border-radius: 100%;
}

#progress dt {
    opacity: .6;
    width: 180px;
    right: -80px;
    clip: rect(-6px,90px,14px,-6px);
}

#progress dd {
    opacity: .6;
    width: 20px;
    right: 0;
    clip: rect(-6px,22px,14px,10px);
} 

#progress.colorClaro{
    background:#ff0000;
}
#progress.colorClaro dd, #progress.colorClaro dt {
    box-shadow: #ff0000 1px 0 6px 1px !important;
}

#progress.colorOcsuro{
    background: var(--colorPrincipal);
}
#progress.colorOcsuro dd, #progress.colorOcsuro dt {
    box-shadow: var(--colorPrincipal) 1px 0 6px 1px !important;
}
/*FIN DE BARRA DE PROGRESO*/



#contenedor_global {
    margin-bottom:0px !important;
    /*filter: saturate(100%);*/
    transition: filter 0.25s ease-out;
}
html.BYN #contenedor_global{
    filter: saturate(0%);	
}


.menuPrincipal{
    margin-left: calc(22% + 36px) !important;
    position: absolute;
    width: calc(78% - 36px) !important;
}
/*
@-moz-document url-prefix() {
        .menuPrincipal{
                margin-left:calc(22% + 36px) !important
        }
}
*/
.menuPrincipal.trasparente{
    opacity:0.4;

}
body:not(.sinSuavizado) .menuPrincipal.trasparente{
    
    transition: all 0.30s ease-in-out 0s;
}
.menuPrincipal.menuPantallaCompleta{
    margin-left: 38px !important;
    width: calc(100% - 38px) !important;
}

.bx-container{position:absolute; top:0; z-index: 1;}
.bx-container img{position:absolute; top:0; display:none !important;}
.bx-container canvas{position:fixed; top:0; visibility:visible !important; opacity:1 !important;}

#fondoGeneral {
    position: relative;
    /*z-index: 2;*/
}

#logotipo {
    display: none !important;
    float: left;
    height: 50px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: calc(31% - 166px);
}


.opcionMenuDeshabilitada {
    opacity: 0.3;
}
html{
    height: 100%;
}
body{
    color: #222728;
    /*background:var(--colorPrincipal);*/
    display: block;
    margin: 8px;
}
body[data-domain*="opositor"]{
    height: 100%;
}


body.loginNew{
    transition: background-color 0.25s ease-in !important;
}

address, address[dir], article, article[dir], aside, aside[dir], blockquote, blockquote[dir], body, body[dir], caption, caption[dir], center, center[dir], col, col[dir], colgroup, colgroup[dir], dd, dd[dir], dir, dir[dir], div, div[dir], dl, dl[dir], dt, dt[dir], fieldset, fieldset[dir], figcaption, figcaption[dir], figure, figure[dir], footer, footer[dir], form, form[dir], h1, h1[dir], h2, h2[dir], h3, h3[dir], h4, h4[dir], h5, h5[dir], h6, h6[dir], header, header[dir], hgroup, hgroup[dir], hr, hr[dir], html, html[dir], legend, legend[dir], li, li[dir], listing, listing[dir], main, main[dir], marquee, marquee[dir], menu, menu[dir], nav, nav[dir], noframes, noframes[dir], ol, ol[dir], p, p[dir], plaintext, plaintext[dir], pre, pre[dir], section, section[dir], summary, summary[dir], table, table[dir], tbody, tbody[dir], td, td[dir], tfoot, tfoot[dir], th, th[dir], thead, thead[dir], tr, tr[dir], ul, ul[dir], xmp, xmp[dir] {
    unicode-bidi: -moz-isolate;
}



/*------------Plugin TWITTER------------*/
#contenidotwitter{background: rgba(255,255,255,0.3);}

#widget_twitter iframe{
    visibility:hidden !important;
}

#widget_twitter {
    height: 500px;
    overflow-y: hidden;
    width: 100%;
    position: relative;
    top: 0px;
}


body.loginNew #sidebarLogin.intro:not(.dark){
    background: rgba(255,255,255,0.8);
    
}

body.loginNew #sidebarLogin.intro.dark{
    background: rgba(22, 24, 28, 0.85);
}


body.loginNew #sidebarLogin.intro #ContenidoTwitter {
    display: block !important;
}
body.loginNew #sidebarLogin #ContenidoTwitter iframe{
    margin-top: 1500px;
}
body.loginNew #sidebarLogin #ContenidoTwitter iframe.transitions{
    transition: margin-top 0.8s ease-out;
}

body.loginNew #sidebarLogin #ContenidoTwitter iframe.intro{
    margin-top: 0px !important;
}

section .css-1dbjc4n article {
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 7px;
}




#ContenidoTwitter.Plegado,
#widget_twitter.Plegado{height:0px !important;}

#ContenidoTwitter div.timeline-header.customisable-border,
#widget_twitter div.timeline-header.customisable-border{display:none}

#ContenidoTwitter .new-tweets-bar,
#widget_twitter .new-tweets-bar{display:none}

#ContenidoTwitter button.load-more.customisable,
#widget_twitter button.load-more.customisable{display:none}

#ContenidoTwitter p.no-more-pane,
#widget_twitter p.no-more-pane{display:none}

#ContenidoTwitter div.timeline-footer,
#widget_twitter div.timeline-footer{display:none}

#ContenidoTwitter .stream,
#widget_twitter .stream{height: auto !important;}

#widget_twitter .stream::before {
    background: none repeat scroll 0 0 var(--colorPrincipal);
    color: #ffffff;
    content: "Últimos 20 Tweets";
    left: auto;
    padding: 3px 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 150;
}


.timeline-Tweet-media img {
    height: auto;
    width: auto;
    max-height: 550px;
    max-width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
}

.timeline-Tweet-media img[data-scribe="element:avatar"] {
    display: none;
}

.timeline-Tweet-media article header.MediaCard-siteUser {
    display: none;
}

.PrerenderedCard.is-ready {
    display: none;
}


.tcu-imageWrapper {
    text-align: center;
}

.timeline-Tweet-media .tcu-imageWrapper img.u-block {
    height: auto;
    width: auto;
}

.MediaCard-attributionOverlay {
    display: none;
}

#ContenidoTwitter .timeline-Viewport ol,
#widget_twitter .stream ol {
    list-style: none outside none;
    margin: 0;
    position: relative;
    /*padding-top: 15px;*/
}
#ContenidoTwitter .timeline-Viewport ol > li:first-child,
#widget_twitter .stream ol > li:first-child {
    padding-top: 0px;
}
#ContenidoTwitter .timeline-Viewport ol li,
#widget_twitter .timeline-Viewport ol li,
#widget_twitter .stream ol li{
    position:relative;
    text-align: center;
}


#widget_twitter .TweetAction.TweetAction--heart.web-intent {
    color: var(--colorPrincipal) !important;
}

#widget_twitter .ion-arrow-swap {
    color: var(--colorPrincipal) !important;
}


#widget_twitter .stream ol > li:nth-child(2n+1) {
    background: none repeat scroll 0 0 #F0F0F0;
}

#widget_twitter .stream ol > li:nth-child(2n+2) {
    background: none repeat scroll 0 0 #fff;
}
#ContenidoTwitter .timeline-Viewport ol > li {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 5px 1px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    margin-top: 200px;
    opacity: 0.3;
    padding-bottom: 5px;
}
body:not(.sinSuavizado) #ContenidoTwitter .timeline-Viewport ol > li{
    transition: all 0.8s ease-out 0s;
}



.timeline-Header-title {
    display: none;
}


#ContenidoTwitter .timeline-Viewport ol > li:first-child{
    margin-top: 1500px;
}


#ContenidoTwitter .timeline-Viewport ol > li.intro {
    margin-top: 0;
    opacity: 1;
}

#ContenidoTwitter .timeline-Viewport ol:hover > li {
    opacity: 0.4;
}

#ContenidoTwitter .timeline-Viewport ol > li:hover {
    opacity: 1 !important;
}

#ContenidoTwitter .timeline-Viewport ol li div.header,
#widget_twitter .stream ol li div.header{
    left: 0;
    position: relative;
    top: 0px;
    width: 100%;
}

a.u-url.permalink.customisable-highlight[data-datetime] {
    display: block;
    float: left;
    margin-left: 50px;
    position: relative;
    text-align: center;
    top: 110px;
    width: 34px;
    text-decoration:none !important;
}
#ContenidoTwitter .timeline-Viewport ol li > div.header > a > time[aria-label]:before,
#widget_twitter .stream ol li > div.header > a > time[aria-label]:before {
    content: "Hace: ";
    margin-left: -43px;
}
#ContenidoTwitter .timeline-Viewport ol li > div.header > a > time[aria-label*="on"]:before,
#widget_twitter .stream ol li > div.header > a > time[aria-label*="on"]:before{
    content: "El día: ";
}
#ContenidoTwitter .timeline-Viewport ol li > div.header > a > time,
#widget_twitter .stream ol li > div.header > a > time{
    color: #222728;
    font-size: 12px;
}


#ContenidoTwitter .timeline-Viewport ol li > div.header > div.p-author > a.u-url.profile,
#widget_twitter .stream ol li > div.header > div.p-author > a.u-url.profile{
    clear: both;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    text-decoration: none !important;
    top: 0px;
    width: 100%;
    z-index: 50;
}

#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > img,
#widget_twitter .stream ol > li > div.header > div.p-author > a.u-url.profile > img{
    margin-left: 6px;
    margin-top: 8px;
    /*box-shadow:0px 0px 3px rgba(0,0,0,0.4);*/
}


#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.full-name,
#widget_twitter .stream ol > li > div.header > div.p-author > a.u-url.profile > span.full-name{
    color: #222728;
    font-size: 12px;
    font-weight: 600;
    margin-left: 13px;
    position: relative;
    top: -24px;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.p-nickname,
#widget_twitter .stream ol > li > div.header > div.p-author > a.u-url.profile > span.p-nickname{color:#666666; font-size:12px; font-weight:100; position: relative; top: -24px;}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content,
#widget_twitter .stream ol > li > div.e-entry-content{
    margin: 0 17px 0 calc(3.6% + 81px);
    min-height: 80px;
    position: relative;
    top: -55px;
    z-index: 51;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title{
    color: #222728;
    font-size: 13px !important;
    font-weight: 100;
    line-height: 18px;
    overflow: hidden;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.hashtag,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.hashtag{color:#222728 !important; font-weight:700}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.hashtag b,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.hashtag b{font-weight:700}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.link,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.link{color:var(--colorPrincipal) !important; font-weight: 600;}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.profile,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.profile{color:var(--colorPrincipal) !important; text-shadow: none !important;}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.profile b,
#widget_twitter .stream ol > li > div.e-entry-content > p.e-entry-title a.profile b{font-weight:700}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > div a.photo-link > img,
#widget_twitter .stream ol > li > div.e-entry-content > div a.photo-link > img{height: auto; max-width: 100%;}


#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions,
#widget_twitter .stream ol li ul.tweet-actions{
    margin-left: 20px;
    padding-bottom: 10px;
    padding-right: 0;
    padding-top: 8px;
    position: relative;
    text-align: right;
    text-transform: uppercase;
    width: calc(100% - 40px);
    z-index: 58;
}

#ContenidoTwitter .timeline-Viewport ol > li:nth-child(2n+1) ul.tweet-actions,
#widget_twitter .stream ol > li:nth-child(2n+1) ul.tweet-actions{
    border-top: 1px dashed #BBBBBB;
}
#ContenidoTwitter .timeline-Viewport ol > li:nth-child(2n+2) ul.tweet-actions,
#widget_twitter .stream ol > li:nth-child(2n+2) ul.tweet-actions{
    border-top: 1px dashed #dddddd;
}

#ContenidoTwitter .timeline-Viewport ol li div.footer.customisable-border,
#widget_twitter .stream ol li div.footer.customisable-border{
    margin-top: -40px;
}

#ContenidoTwitter .timeline-Viewport ol li:last-child ul.tweet-actions,
#widget_twitter .stream ol li:last-child ul.tweet-actions{
    margin-bottom: 0 !important;
}

#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li,
#widget_twitter .stream ol li ul.tweet-actions li{
    display: inline;
    margin-right: -3px;
    text-align: right;
    width: auto;

}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a,
#widget_twitter .stream ol li ul.tweet-actions li a{
    font-size: 12px;
    left: -3px;
    margin: 0 !important;
    padding: 2px 4px 4px;
    position: relative;
    top: 0;
}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a:hover, #widget_twitter .stream ol li ul.tweet-actions li a:active,
#widget_twitter .stream ol li ul.tweet-actions li a:hover, #widget_twitter .stream ol li ul.tweet-actions li a:active{background:rgba(0,0,0,0.2)}


#widget_twitter .stream ol li ul.tweet-actions li a i {
    font-family: "ionicons" !important;
    font-size: 17px;
    color: #434343;
}
#widget_twitter .stream ol li ul.tweet-actions li a.like-action i{
    color: #ff0000;
}



#ContenidoTwitter a.expand.customisable-highlight:before,
#widget_twitter a.expand.customisable-highlight:before{
    content: url("../images/home/twitter_showSummary.png");
    display: block;
    float: left;
    left: 6px;
    position: relative;
    top: 24px;
    width: 16px !important;
}
#ContenidoTwitter a.expand.customisable-highlight,
#widget_twitter a.expand.customisable-highlight{
    font-size: 12px;
    left: 7px;
    position: relative;
    top: 21px;
    z-index: 2147483647;
    display: none;
}
#ContenidoTwitter a.expand.customisable-highlight b,
#widget_twitter a.expand.customisable-highlight b{font-weight:100}

#ContenidoTwitter span.stats-wide,
#widget_twitter span.stats-wide{display:none}

#ContenidoTwitter span.stats-narrow,
#widget_twitter span.stats-narrow{
    bottom: 11px;
    left: 20px;
    position: absolute;
    z-index: 99991;
}
#ContenidoTwitter span.stats-narrow a,
#widget_twitter span.stats-narrow a{font-size:12px}

#ContenidoTwitter span.stats-narrow a + a,
#widget_twitter span.stats-narrow a + a{
    margin-left: 10px;
}



#ContenidoInstagram{
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    width: calc(100% - 40px);
    display:none;
}
#ContenidoFacebook{
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    width: calc(100% - 40px);
    display:none;
}
#ContenidoTwitter{
    margin-left: 20px;
    margin-top: 20px;
    position: relative;
    width: calc(100% - 40px);
    display:none;
}
#ContenidoTwitter > iframe {
    display: none;
}


#ContenidoTwitter .timeline-Viewport ol > li > div.header > .timeline-Tweet-author > a.TweetAuthor-link > img {
    float: left;
    margin-top: 35px;
    margin-left: 15px;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content{
    clear: both;
    text-align: left;
    top: -76px;
    width: calc(100% - 135px) !important;
}
#ContenidoTwitter .timeline-Viewport ol li > div.header > div.p-author > a.u-url.profile{
    text-align:left
}

#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.full-name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin-left: -74px;
    text-transform: uppercase;
    top: -2px;
}

#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.p-nickname {
    color: var(--colorPrincipal);
    font-size: 14px;
    top: -2px;
}

#ContenidoTwitter .timeline-Viewport ol > li > div.header > div.p-author > a.u-url.profile > span.p-nickname:hover{
    border-bottom: 1px solid var(--colorPrincipal);
}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content .retweet-credit {
    color: #111;
    font-size: 13px;
    margin-left: 6px;
    width: calc(100% - 27px);
}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content .inline-media {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    margin-left: 7px;
    margin-top: 15px;
    width: calc(100% - 28px);
}

#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li {
    display: block;
    margin: 15px 0;
    padding: 0 !important;
    text-align: center;
    width: 100% !important;
}

#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li:first-child {
    margin-top: 10px;
}

#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a {
    left: 0;
    padding: 0;
}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a i {
    font-family: "ionicons" !important;
    font-size: 17px;
    color: #434343;
}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a.like-action i{
    color: #ff0000;
}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title{
    font-size:15px !important;
    line-height: 20px;
    width: calc(100% - 27px);
    margin-left: 6px;
}
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a:hover, 
#ContenidoTwitter .timeline-Viewport ol li ul.tweet-actions li a:active{
    background:none;
    opacity:0.2
}

#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.profile{
    font-size:15px !important;
}
#ContenidoTwitter .timeline-Viewport ol > li > div.e-entry-content > p.e-entry-title a.hashtag{
    font-size:15px !important;
}

#ContenidoTwitter a.u-url.permalink.customisable-highlight[data-datetime] {
    margin-left: 53px;
    top: 130px;
}

#ContenidoTwitter .timeline-Viewport ol li div.footer.customisable-border{
    background: none repeat scroll 0 0 #f0f0f0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    margin-top:0px;
}
#ContenidoTwitter .timeline-Viewport ol > li ul.tweet-actions {
    border: medium none !important;
    margin: 0 !important;
    width: 100%;
}

#ContenidoTwitter span.stats-narrow{
    bottom: 20px;
    left: -270px;
    position: absolute;
    z-index: 99991;
}




/*NUEVO TWITTER*/

.timeline-LoadMore{
    display:none;
}
.timeline-Tweet-text {
    clear: both;
    float: none;
    font-size: 14px;
    font-weight: 100;
    padding: 25px;
    text-align: left;
    line-height: 17px;
}
body.index .timeline-Tweet-text {
    padding: 25px 10px;
}

.timeline-Tweet-media {
    margin-bottom: 20px;
}

.u-hiddenVisually {
    display: none;
}

.timeline-Tweet.timeline-Tweet--isRetweet.u-cf.js-tweetIdInfo {
    position: relative;
}

.TwitterCard .PollXChoice {

    text-align: left;
    padding-left: 30px;
    margin-top: -20px;

}
.TwitterCard .PollXChoice span:not(:empty) {

    font-size: 14px;
    font-weight: 300;
    margin-left: 5px;

}
.TwitterCard .PollXChoice .PollXChoice-footer {

    margin-top: 20px;

}
.TwitterCard .PollXChoice .PollXChoice-footer span.PollXChoice-vote {

    display: block;
    margin-bottom: 40px;
    font-weight: 600;

}
.TwitterCard .PollXChoice .PollXChoice-footer span.PollXChoice-vote a {

    font-size: 16px;
    color: #fff;
    background: var(--colorPrincipal);
    padding: 5px 10px;
    border-radius: 3px;

}
.timeline-Tweet-retweetCredit {

    background: #f67828 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff;
    display: inline;
    float: right;
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 40px;
    font-size: 11px;
    border-radius: 10px;
    margin-right: 20px;
    line-height: 15px;
    font-weight: 600;
    padding-top: 0;
    padding-bottom: 1px;

}


.TwitterCardsGrid  .CardContent .MomentCard-contentContainer.TwitterCardsGrid-col--7{
    display: none;
}

.TweetAuthor-link {
    display: block;
    float: left;
    padding-top: 10px;
    position: relative;
    width: 100%;
}
.timeline-Tweet-author {

    padding: 0 0 0 20px;

}
.TweetAuthor-avatar.Identity-avatar {
    float: left;
    width: 48px !important;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 17px;
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.TweetAuthor-avatar.Identity-avatar > img {
    width: 100%;
    height: auto;
}

.TweetAuthor-link span {
    display: block;
    margin: 0 !important;
    text-align: left;
    width: 100%;
}


.timeline-Tweet-author .TweetAuthor,
.TweetAuthor-name.Identity-name.customisable-highlight {
    float: left;
    width: calc(100% - 100px);
    margin-top: 5px !important;
    font-size: 16px;
    font-weight: 100;
    color: #333;
    margin-left: 5px !important;
}

.TweetAuthor-name.Identity-name.customisable-highlight img {

    max-width: 15px;

}
.TweetAuthor-screenName.Identity-screenName {
    float: left;
    margin-left: 10px !important;
    width: calc(100% - 100px);
}

.TweetAuthor-screenName.Identity-screenName {
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin-left: 5px !important;
    margin-top: 0px !important;
    width: calc(100% - 100px);
}


.timeline-Tweet-timestamp {
    color: #999999;
    position: absolute;
    right: 20px;
    top: 20px;
}


.MediaCard-mediaContainer {
    padding: 0 !important;
}
.MediaCard-widthConstraint.js-cspForcedStyle {
    max-width: none !important;
}
.MediaCard-mediaContainer .u-hidden {
    display: none;
}


.NaturalImage-image {
    height: auto;
    width: 100%;
}
.timeline-Tweet-inResponderTo {
    text-align: left;
    padding-left: 61px;
    display: none;
}

/*
.timeline-Tweet-metadata {
    display: none;
}

*/

.timeline-Tweet-action {
    background: #ffffff none repeat scroll 0 0;
    float: left;
    height: 24px;
    width: 50%;
}

.timeline-Tweet.u-cf.js-tweetIdInfo {
    padding-bottom: 24px;
    position: relative;
}

.timeline-Tweet-actions {
    bottom: 0;
    list-style: outside none none;
    margin: 0;
    position: absolute;
    width: 100%;
}

.timeline-ShareMenu-container > ul {
    list-style: outside none none;
}

.timeline-ShareMenu-caret, .timeline-ShareMenu-title {
    display: none;
}
.timeline-ShareMenu-container > ul li:nth-child(2),
.timeline-ShareMenu-container > ul li:nth-child(3),
.timeline-ShareMenu-container > ul li:nth-child(4) {
    display: none;
}

.TweetAction.TweetAction--share.js-showShareMenu {
    display: none;
}


.SummaryCard-content {
    display: none;
}


.timeline-Footer.u-cf {
    display: none;
}

#ContenidoTwitter .ion-arrow-swap[data-scribe="element:twitter"],
#widget_twitter .ion-arrow-swap[data-scribe="element:twitter"]{
    font-size: 14px;
    font-weight: 100;
    position: relative;
}

#ContenidoTwitter .ion-heart {
    font-size: 14px;
    font-weight: 100;
    position: relative;
}
#widget_twitter .ion-heart {
    font-size: 14px;
    font-weight: 100;
    position: relative;
}

.timeline-Header {
    display: none;
}
#ContenidoTwitter .ion-arrow-swap[data-scribe="element:twitter"]::before,
#widget_twitter .ion-arrow-swap[data-scribe="element:twitter"]::before {
    font-size: 20px;
    position: relative;
    top:3px;
    left:-5px;
}
#widget_twitter .ion-heart::before,
#ContenidoTwitter .ion-heart::before{
    font-size: 20px;
    position: relative;
    top:3px;
    left:-5px;
}



.widgetcontent #contenidotwitter .timeline-TweetList,
.widget_twitter .timeline-TweetList {
    list-style: outside none none;
    margin: 0;
}


.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border {
    background: #ffffff none repeat scroll 0 0;
    border:none !important;
    border-top: 1px solid #efefef;
    margin-bottom: 20px;
    padding: 10px 0 25px;
}



.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border .link.customisable,
.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border .PrettyLink-value,
.widgetcontent #contenidotwitter .timeline-TweetList-tweet.customisable-border .PrettyLink-prefix{
    color: var(--colorPrincipal);
}
.TweetAuthor-screenName.Identity-screenName {
    color: var(--colorPrincipal);
}


#ContenidoTwitter .timeline-Widget .timeline-Header {
    display: none;
}

.timeline-Tweet-text img.Emoji {
    max-width: 30px;
}
/*FIN DE NUEVO TWITTER*/





body.loginNew .nicescroll-rails div {
    background-color: #5d94ec !important;
}

body.loginNew .nicescroll-rails:hover div{
    left: 0px !important;
    width:20px !important;
}

body.loginNew .rrss{
    font-size: 15px;
    position: absolute;
    right: 370px;
    text-align: center;
    top: 50px;
    width: 71px;
    z-index: 151;
    opacity:0;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

body.loginNew .rrss + .rrss{
    top: 120px;
}
body.loginNew .rrss + .rrss + .rrss {
    top: 190px;
}


body.loginNew .rrss{
    right:470px;
    opacity:1;
}

body.loginNew .rrss:before{
    border-color: rgba(0,0,0,0) rgba(0,0,0,0.4) rgba(0,0,0,0) rgba(0,0,0,0);
    border-style: solid;
    border-width: 31px 31px 8px 0;
    content: "";
    height: 0;
    position: absolute;
    right: -20px;
    top: -28px;
    width: 0;
    display: none;
}
body.loginNew #cuentaInstagram:before{
    top: -12px;
}
body.loginNew #cuentaFacebook:before{
    top: -12px;
}

body.loginNew .rrss.contenidoVisible:before{
    display: unset;
}

body.loginNew .rrss a{
    color: #fff;
    font-size: 15px;
    position: absolute;
    right: 65px;
    bottom: 17px;
    font-weight: 600;
    text-shadow: 0px 2px 0px rgba(0,0,0,0.15);
    text-align: right;
    width: 240px;
}

body.loginNew .rrss span {
    display: inline-block;
    margin-bottom: 4px;
}
body.loginNew #cuentaTwitter span.twitterExitae { 
    margin-left: -50px;
}

.rrss > i{
    color: #ffffff;
    font-size: 43px;
    position: relative;
    text-shadow: 5px 5px 0 rgba(0, 0, 0, 0.4);
    top: -4px;
}

#cuentaInstagram > i {
    text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
#cuentaInstagram > i:hover{
    opacity: 0.6;
}
.rrss + .rrss > i{
    text-shadow: 2px 3px 0 rgba(0, 0, 0, 0.4);
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.25s ease-out;
}
.rrss + .rrss > i:hover{
    opacity: 0.6;
}


/*------------FIN DE plugin TWITTER------------*/




#modalPoliticaIndex, #modalPoliticaIndex * {
    font-size: 14px !important;
    line-height: 19px !important;
}





/*MODAL EMPLEADO*/
#divAvisosModal-LOGIN_EMPLEADO {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border-radius: 50% !important;
    bottom: 0 !important;
    box-shadow: 0 0 120px rgba(255, 255, 255, 0.05);
    color: #ffffff;
    height: 350px !important;
    left: 0 !important;
    margin: auto !important;
    overflow: hidden;
    padding: 20px 10px 10px;
    position: fixed;
    right: 0 !important;
    text-align: center;
    top: 0 !important;
    width: 350px !important;
}


#modalAvisosIndex-LOGIN_EMPLEADO .modal-body {
    color: #434343;
    font-weight: 100 !important;
    padding: 0;
    background:none;
}
#modalAvisosIndex-LOGIN_EMPLEADO .modal-body > div{
    overflow:hidden;
}




#modalAvisosIndex-LOGIN_EMPLEADO .modal-body h2 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 100;
    letter-spacing: 6px;
    margin-bottom: 0;
    text-transform: uppercase;
}
#modalAvisosIndex-LOGIN_EMPLEADO .modal-body h2 span {
    color: #ffffff;
    display: block;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: 0;
    margin-top: -6px;
}
#modalAvisosIndex-LOGIN_EMPLEADO .modal-body i {
    color: #04eacc;
    display: block;
    font-size: 70px;
    margin-bottom: 30px;
    margin-top: 20px;
}
#modalAvisosIndex-LOGIN_EMPLEADO .modal-body h4 {
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    margin-top:0px;
}

#modalAvisosIndex-LOGIN_EMPLEADO .modal-body i {
    -webkit-animation: loadingEmpleado 1.4s infinite; 
    -moz-animation:    loadingEmpleado 1.4s infinite; 
    -o-animation:      loadingEmpleado 1.4s infinite; 
    animation:         loadingEmpleado 1.4s infinite; 
}


@-webkit-keyframes loadingEmpleado {
    0%   { transform:rotate(0);}
    100% { transform:rotate(360deg); }
}
@-moz-keyframes loadingEmpleado {
    0%   { transform:rotate(0);}
    100% { transform:rotate(360deg); }
}
@-o-keyframes loadingEmpleado {
    0%   { transform:rotate(0);}
    100% { transform:rotate(360deg); }
}
@keyframes loadingEmpleado {
    0%   { transform:rotate(0);}
    100% { transform:rotate(360deg); }
}

/*FIN DE MODAL EMPLEADO*/


.pantallaCompleta {
    height: 100%;
    left: 0;
    position: fixed !important;
    top: 0 !important;
    overflow-y: auto;
    overflow-x: auto;
    width: 100%;
    z-index: 2147483637;
}

.enlaceCircular {
    cursor: pointer;
    font-size: 14px;
    font-weight: 100;
    margin-right: 20px;
    opacity: 1;
    transform: scale(1);
    transition: all 0.1s ease-out !important;
    text-decoration: none !important;
}

.enlaceCircularDosLineas > span {
    display: inline-block;
    font-weight: 100;
    line-height: 16px;
    position: relative;
    /*text-transform: uppercase;*/
    top: 5px;
    color: var(--colorPrincipal);
}

.enlaceCircularDeshabilitado{
    opacity: 0.5
}

.enlaceCircular:first-child:last-child {
    margin-right: 0;
}


.enlaceCircular::before {
    background: var(--colorPrincipal) none repeat scroll 0 0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 24px;
    height: 37px;
    line-height: 25px;
    margin-right: 10px;
    padding-top: 6px;
    text-align: center;
    transition: all 0.4s ease-out 0s;
    text-decoration: none !important;
    width: 37px;
}
.enlaceCircular.negativo::before{
    background: #cc5a5a none repeat scroll 0 0;
}
.enlaceCircular:hover::before {
    /*transform:rotate(180deg)*/
    transform: scale(0.8);
}



html.mobile body.indexOptimizadaMobile #widget_twitter{
    height: 100% !important;
}







.cbutton {
    overflow: visible;
    -webkit-transition: color 0.7s;
    transition: color 0.7s;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    z-index: 999999;
}

.cbutton.cbutton--click,
.cbutton:focus {
    outline: none;
    /*color: #3c8ddc;*/
}

.cbutton__icon {
    display: block;
}

.cbutton__text {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cbutton::after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
}

.cbutton--box {
    width: 24px;
    height: 24px;
    border: 4px solid rgb(22, 35, 47);
}

/* Novak */


body.variasEscuelas .cbutton--effect-novak::after {
    background: rgba(34,39,40,1);
}
body.masterd .cbutton--effect-novak::after {
    background: rgba(237,106,52,1);
}
body.escuelaveterinaria .cbutton--effect-novak::after {
    background: rgba(0,169,128,1);
}
body.institutotecnologico .cbutton--effect-novak::after {
    background: rgba(59,90,121,1);
}
body.escuelaaudiovisual .cbutton--effect-novak::after {
    background: rgba(81,101,112,1);
}
body.escuelahosteleriayturismo .cbutton--effect-novak::after {
    background: rgba(232,54,112,1);
}
body.creadiseno .cbutton--effect-novak::after {
    background: rgba(232,173,83,1);
}
body.escuelasanidad .cbutton--effect-novak::after {
    background: rgba(11,180,213,1);
}
body.uax .cbutton--effect-novak::after {
    background: rgba(236,188,0,1);
}



.cbutton--effect-novak::after {
    background: rgba(245,102,0,1);
}
.cbutton--effect-novak.gris::after {
    background: rgba(40,38,37,0.35) !important;
}
.cbutton--effect-novak.azul::after {
    background: rgba(56,117,215,0.55) !important;
}

.cbutton--effect-novak.cbutton--click::after {
    -webkit-animation: anim-effect-novak 0.5s forwards;
    animation: anim-effect-novak 0.5s forwards;
}

@-webkit-keyframes anim-effect-novak {
    0% {
        opacity: 0.6;
        -webkit-transform: scale3d(0.1, 0.1, 1);
        transform: scale3d(0.1, 0.1, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(4, 4, 1);
        transform: scale3d(4, 4, 1);
    }
}

@keyframes anim-effect-novak {
    0% {
        opacity: 0.6;
        -webkit-transform: scale3d(0.1, 0.1, 1);
        transform: scale3d(0.1, 0.1, 1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(4, 4, 1);
        transform: scale3d(4, 4, 1);
    }
}




#noty_center_layout_container {
    z-index: 2147483647 !important;
}



.oculto {
    display: none !important;
}
.ocultoPc, .ocultoPC{
    display: none;
}


body.loginNew #contenedorLogin.sinTwitter + #versionCampus {

    right: 20px;

}


body.loginNew.reproducirVideoInactividad #darkenVideoInactividad {
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) );
    position: fixed;
    top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	transition: all 1s ease-out;
}
body.loginNew.reproducirVideoInactividad #darkenVideoInactividad.intro{
	opacity: 0.90;
    z-index: 1501;
}

body.loginNew #darkenGenerico {
    background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) );
    position: fixed;
    top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	transition: all 1s ease-out;
}
body.loginNew #darkenGenerico.intro{
	opacity: 0.90;
    z-index: 1501;
}

body.loginNew.reproducirVideoInactividad #contenedorVideoInactividad {
    width: 1170px;
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1502;
    bottom: 0;
    right: 0;
    height: 50.7%;
}

body.loginNew.reproducirVideoInactividad #contenedorVideoInactividad {
    width: calc(var(--varAnchura));
    height: calc( (var(--varAnchura) / 16) * 9 );
    max-width: 100% !important;
}


body.loginNew.reproducirVideoInactividad #contenedorVideoInactividad iframe {
    position: relative;
    display: block;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 0;
}




body.loginNew.reproducirVideoInactividad #contenedorVideoInactividad .cerrarVideoInactividad {
    color: #fff;
    font-size: 3rem;
    line-height: 1rem;
    position: absolute;
    top: -4rem;
    right: 0;
}
body.loginNew.reproducirVideoInactividad #contenedorVideoInactividad .cerrarVideoInactividad i {
    font-weight: 600;
    font-family: 'ionicons' !important;
    cursor: pointer;
}
body.loginNew.reproducirVideoInactividad #contenedorVideoInactividad .cerrarVideoInactividad u {
    margin-left: 10px;
    text-decoration: none;
    font-size: 1.5rem;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    top: -0.6rem;
    cursor: pointer;
}



body.loginNew:not(.mobile) #formularioContrasenaOlvidada {
    opacity: 1;
    transition: opacity 0.25s ease-out;
}

body.loginNew:not(.mobile) #formularioContrasenaOlvidada.cheking {
    opacity: 0.2;
}
body.loginNew:not(.mobile) .lds-ring.recuperarPass {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

body.loginNew #contenedorLogin .login .itemOculto + input + span {
    margin-top: 40px !important;
}



body.loginNew #botonCerrarApp {
    bottom: -10px;
    color: #fff !important;
    cursor: default;
    text-decoration: none;
    font-size: 12px;
    position: fixed;
    z-index: 2160;
    font-weight: 600;
    opacity: 0;
    transition: all 0.30s ease-out 0s;
    text-transform: uppercase;
    right: 10px !important;
}

body.loginNew #botonCerrarApp.activado {
    bottom: 17px !important;
    opacity: 1;
}
body.loginNew #botonCerrarApp i{
    margin-right: 5px;
}
body.loginNew #botonCerrarApp u{
    text-decoration: none;
}

body.loginNew #botonCerrarApp.activado + #versionCampus.activado {
    right: 10px !important;
    top: calc(10px + var(--marginTop_App_fullScreen)) !important;
}


body.loginNew .dialogo {
    position: fixed;
    z-index: 999999;
    background: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    width: 98%;
    height: 20rem;
    padding: 1rem;
    box-sizing: border-box;
    font-size: 1rem;
    overflow: auto;
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    border-radius: 5px;
    text-align: center;
}
body.loginNew .dialogo p {
    line-height: 1.2rem;
    margin-bottom: 1rem;
}
body.loginNew .dialogo p + p{
    margin-bottom: 2rem;
}
body.loginNew .dialogo button.btn {
    float: none;
    clear: both;
    display: block;
    margin-bottom: 1rem;
    width: 100%;
    box-shadow: none !important;
    font-size: 0.73rem;
    font-weight: 600;
    margin-right: 0 !important;
    max-width: none;
}



body.loginNew #video {
    width: auto;
    min-height: 100%;
    height: auto;
    min-width: 100%;
	filter: saturate(100%);
	transition: all 0.25s ease-out;
}
body.loginNew.action #video{
	filter: saturate(0%);
}
body.loginNew.action #contenedorLogin #fondoContenedorLogin.cargaImagenFondo{
	opacity: 0.5 !important;
}




@-webkit-keyframes animacionBarraTiempoVideo {
    0%   {width: 0%;}
    100% {width: 100%;}
}


@keyframes animacionBarraTiempoVideo {
    0%   {width: 0%;}
    100% {width: 100%;}
}




html body.loginNew #contenedorLogin .login .login_form > fieldset p > img {
    left: 20px !important;
	margin-left: 0;
}
html body.loginNew #contenedorLogin .login .login_form > fieldset input:focus ~ img {
    left: 50px !important;
}
html body.loginNew #contenedorLogin .login .login_form > fieldset input {
    width: 300px !important;
}
html body.loginNew #contenedorLogin .login .login_form > fieldset p i.ion {
    position: absolute;
    top: 0.3rem;
    font-size: 2rem;
    right: 60px;
    cursor: pointer;
}



#accesoConocenos{
    display: inline-block;
    margin-top: 50px;
    padding: 10px 25px;
    background: #fff;
    border-radius: 25px;
    color: #333;
    text-decoration: none;
}
#accesoConocenos b{
    color: #f67828;
    margin-left: 5px;
    text-decoration: underline;
}

body.loginNew #contenedorLogin.sinTwitter + div > #versionCampus {
    right: 20px;
}

/*
.modal.bootbox.modalContrasenaBootbox{}
*/


.modal.bootbox.modalContrasenaBootbox .modal-dialog {
  margin: 0 auto;
}

body.loginNew .modalContrasenaBootbox .modal-title {
    font-size: 0.9rem;
  }

.modal.bootbox.modalContrasenaBootbox .modal-dialog .modal-content > .modal-header {
    box-sizing: border-box;
}
.modal.bootbox.modalContrasenaBootbox .modal-dialog .modal-content > .modal-body {
  padding: 2rem 3rem 3rem !important;
}


body.loginNew .modalContrasenaBootbox #formularioContrasenaOlvidada p {
    font-weight: 400;
    color: #222728 !important;
    font-size: 0.8rem;
    line-height: 1.3rem;
  }

body.loginNew .modalContrasenaBootbox #formularioContrasenaOlvidada p.wrapperBotonInput {
    display: flex;
    margin-top: 24px !important;
    position: relative;
}

body.loginNew .modalContrasenaBootbox #formularioContrasenaOlvidada p.wrapperBotonInput i {
    top: 0;
}

body.loginNew .modalContrasenaBootbox #formularioContrasenaOlvidada p.wrapperBotonInput input {
    margin-top: 0;
    width: 100%;
    border-radius: 5px;
    font-weight: 600;
}

body.loginNew .modalContrasenaBootbox #formularioContrasenaOlvidada p.wrapperBotonInput label.errorsForm {
    position: absolute;
    bottom: -20px;
    margin-left: 60px;
    color: #dd114a;
  }


body.loginNew:not(.mobile) .modalContrasenaBootbox .lds-ring.recuperarPass {
    position: relative;
    width: 42px;
    height: 42px;
}

body.loginNew:not(.mobile) .modalContrasenaBootbox .lds-ring.recuperarPass div {
    width: 31px;
    height: 31px;
    margin-left: 20px;
}

body.loginNew #noty_center_layout_container li {
    border: none !important;
    border-radius: 5px !important;
}

body.loginNew #noty_center_layout_container li .noty_message {
    padding: 20px !important;
}

body.loginNew #noty_center_layout_container li .noty_text {
    font-size: 0.8rem;
}



body.loginNew #contenedorLogin .login .login_form > p:has(> .texto_bienvenido) {
    font-size: 0;
}

body.loginNew #contenedorLogin .login .login_form p .texto_bienvenido:not(.textoSeteado)::before{
    content: attr(data-hombre)
}

body.loginNew #contenedorLogin .login .login_form p .texto_bienvenido.mujer::before{
    content: attr(data-mujer)
}





/*MEDIAQUERIES*/

@media only screen and (min-width: 2350px) { 
    
    body.loginNew #sidebarLogin .instagram > a > p span.textoIg,
    body.loginNew #sidebarLogin .facebook > a > p span.textoIg{
        max-height: 200px;
        overflow-y: auto;
    }
    
    html.apple body.loginNew #sidebarLogin .instagram > a > p span.textoIg,
    html.apple body.loginNew #sidebarLogin .facebook > a > p span.textoIg{
        overflow-y: scroll;
    }


}

@media only screen and (min-width: 1921px) {
    

    body > div.niceHtml {
        background: none !important;
        border: none !important;
        box-shadow: none !important;
        right: 2px !important;
    }
    body > div.niceHtml.nicescroll-rails.niceVisible > div {
        background: rgba(0,0,0,0.6) !important;
    }

    .nicescroll-rails:not(.nicescroll-rails-hr) div:hover:not(#senueloNiceHtml) {
        background-color: var(--colorPrincipal) !important;
    }



}


@media only screen and (max-width: 1600px) {
    body.loginNew #versionCampus.activado{
		right:370px;
	}
	body.loginNew #contenedorLogin.intro {
		width: calc(100% - 350px);
	}
	
	body.loginNew #contenedorLogin.sinTwitter {
		width: 100% !important;
	}
	body.loginNew #sidebarLogin {
		background: none repeat scroll 0 0 #fff;
		height: 100%;
		position: absolute;
		right: -100%;
		text-align: center;
		width: 350px !important;
	}
	body.loginNew .rrss {
		right: 370px;
        transition: none !important;
	}
}

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

	
	.ocultoPc, .ocultoPC{
        display: unset !important;
    }

    .ocultoMovil{
        display: none !important;
    }
	
	
	


}


@media only screen and (max-width: 1024px) {
    /**/

    #ContenidoTwitter span.stats-narrow {
        left: -250px;
    }


    #ascrail2002{margin-left:0px !important }
    
    body.loginNew .rrss{
        display: none !important;
    }
    

    html body.loginNew #contenedorLogin .login .login_form > fieldset input[type="text"], 
    html body.loginNew #contenedorLogin .login .login_form > fieldset input[type="password"] {
        width: 300px !important;
    }


}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


    body[onload*="Login"]:not(.loginNew){			
        /*height:100% !important;*/
        position:absolute !important;
        height:auto !important;
        /*overflow:hidden;*/
        /*max-width:100% !important;*/
    }

    body[onload*="Login"] #contenedor_global {
        left: 1% !important;
        margin: 0 px !important;
        max-width: 98%;
        overflow: visible;
        padding: 0 !important;
        position: relative;
        width: 98% !important;
        top:0px !important
    }

    #fondoLoginFake{
        /*display:block !important;*/
        position:absolute;
        height:100%;
        min-height:900px;
        width:100%;
    }
    



}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {



    #back-top{display:none}



    body{
        margin: 5px 10px;
    }
    
    body.mobile.loginNew .modal.olvidoContrasenaModal .modal-header > h3 {
        font-weight: 600;
        font-size: 0.8rem;
    }
    
    body.mobile.loginNew .modal.olvidoContrasenaModal .modal-header button.close {
        float: none;
        position: absolute;
        right: 0;
        font-size: 1.4rem;
        top: 0.5rem;
    }
    body.mobile.loginNew #formularioContrasenaOlvidada p {
        color: #666 !important;
        margin-top: 0 !important;
        font-size: 0.8rem;
        line-height: 1.3rem;
        text-align: left;
        margin-bottom: 1rem !important;
    }
    body.mobile.loginNew #formularioContrasenaOlvidada i {
        color: #333;
        font-size: 2rem;
        margin-right: 0;
        bottom: 3rem;
        top: unset;
        position: absolute;
        left: 1rem;
    }
    body.loginNew .modalContrasenaBootbox #formularioContrasenaOlvidada p.wrapperBotonInput i{
        top: 10px;
    }
    
    body.mobile.loginNew #formularioContrasenaOlvidada input {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        padding: 1.5rem 1.5rem 1.5rem 3.5rem;
        font-size: 0.9rem;
        font-weight: 400;
        color: #333;
        margin-bottom: 1rem;
    }
    body.mobile.loginNew .olvidoContrasenaModal .modal-body label.errorsForm {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 1rem;
        color: red;
    }

    body.mobile.loginNew .olvidoContrasenaModal .modal-body {
        text-align: center;
        padding-right: 0 !important;
    }
    
    body.mobile.loginNew .olvidoContrasenaModal .modal-footer {
        text-align: center;
        padding: 0;
    }
    body.mobile.loginNew .olvidoContrasenaModal .modal-footer button.fantasma{
        opacity: 0.4;
    }
    



}
/*Dispositivos muy pequenos*/
@media only screen and (max-width: 380px) {

    /*
    
    html body.loginNew #contenedorLogin .login .login_form > fieldset p i.ion {
        right: 7%;
    }
    
    html body.loginNew #contenedorLogin .login .login_form > fieldset p > img, 
    html body.loginNew #contenedorLogin .login.usuarioNuevo .login_form > fieldset p > img {
        left: -80% !important;
    }

    html body.loginNew #contenedorLogin .login.usuarioNuevo .login_form > fieldset input:focus + img {
        left: calc(-80%) !important;
    }
    */
}

/*Dispositivos muy pequenos*/
@media only screen and (max-width: 320px) {
    body {
        min-width: 0px !important;
        width: 98% !important;
        margin: 0 1%;
    }
}
/*Fin Dispositivos muy pequenos*/



@media print {

    html body img#imagenFondo{
        display: none !important;
    }
}
/*FIN DEL ULTIMO MEDIA*/







input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.2) inset !important;
	-webkit-text-fill-color: black !important; 
	background-clip: text !important;
	filter: invert(100);
	transition: none !important;
	animation: none !important;
}

input:-webkit-autofill::selection {
	background-color: #c78927 !important;
	color: #000; 
}