:root {
	--footer-height: 100px;
	--header-height: 94px;
}

.alert {
	margin-bottom: 2px;
}

.alert-ultimo-ingreso {
	background-color: #0888b0;
}

.block {
	text-align: center;
	vertical-align: middle;
}

.centerer {
	display: inline-block;
	vertical-align: bottom;
	height: 100%;
}

.circle {
	background: #354f67;
	border-radius: 100px;
	color: white;
	height: 100px;
	font-weight: bold;
	width: 100px;
	display: table;
	font-weight: 100;
	margin: auto;
}

.circle p {
	vertical-align: middle;
	display: table-cell;
	font-family: 'Roboto Regular', sans-serif;
	font-size: 16px;
	color: #FFF;
}

.badge-notify {
	background: red;
	position: relative;
	top: -20px;
	left: -31px;
}

.blanco {
	color: #FFF;
}

.boton {
	font-family: 'Roboto Light', sans-serif;
	color: #000;
	font-size: 14px;
	border-radius: 0;
	background-color: #ffc627;
	border: 1px solid #e79523;
	padding-left: 14px;
	padding-right: 14px;
	text-transform: uppercase;
}

.col-login {
	padding-left: 14px;
	padding-right: 14px;
}

.container-base {
	background-color: white;
	padding-left: 24px;
	padding-right: 24px;
}

.container-full-menu {
	background-color: white;
	padding-left: 14px;
	padding-right: 14px;
}

.container-menu, .container-footer {
	padding-left: 0;
	padding-right: 0;
	height: 100%;
}

.container>.navbar-header, .container>.navbar-collapse, .navbar-nav {
	margin-right: 0;
	margin-left: 0;
}

.container-ultimo-ingreso {
	margin-top: 5px;
	padding: 0;
	font-size: 12px;
	color: #FFF;
}

.footer-contacto {
	background-color: #E0E1E2;
	height: 50px;
}

.footer-img {
    opacity: .65;
    margin-right: 4px;
	margin-top: 9px;
    width: 32px;
}

.footer-img:hover {
	opacity: 1;
}

.footer-img-ar {
	width: 58px;
	margin-top: 14px;
}

.footer-img-arg {
	width: 78px;
	margin-top: 6px;
	margin-left: 23px;
}

.footer-sede {
	background-color: white;
	height: 50px;
	font-family: 'Roboto Light', san-serif;
	font-weight: 400;
	font-size: 12px;
	color: black;
}

.form-group {
	min-height: 50px;
}

.form-input-fecha {
	width: 130px;
}

.form-input-formulario {
	border-radius: 0;
	background-color: #ebebec;
	border: 1px solid #7d7d7d;
	font-family: 'Roboto Regular';
	font-size: 16px;
	color: #000;
	margin-bottom: 5px;
}

.form-label {
	font-family: 'Roboto Regular', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000;
	padding-right: 5px;
}

.form-select-formulario {
	border-radius: 0;
	background-color: #FFF;
	border: 1px solid #7d7d7d;
}

.form-resumen {
	min-height: 0;
	margin-bottom: 0;
}

.header {
	height: 72px;
	background-color: white;
}

.header-logo {
	padding: 0;
}

.header-row {
	margin-left: 80px;
	padding-left: 15px;
	padding-top: 5px;
}

.header-nombre {
	padding-top: 10px;
	color: #000;
	font-family: 'Roboto Medium', sans-serif;
	font-size: 12px;
	margin-left: 86px;
}

.header-fecha {
	font-family: 'Roboto Regular', sans-serif;
}

.help-block-message {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 0;
}

.hr-login {
	border-width: 1px;
	margin-top: 11px;
	margin-bottom: 14px;
}

.hr-full-menu {
	border-width: 1px;
	margin-top: 8px;
	margin-bottom: 5px;
	border-color: #0889b1;
}

.hr-login-derecho {
	border-color: #FFF;
}

.hr-login-izquierdo {
	border-color: #0889b1;
}

.img-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	min-height: 75px;
}

.intl-tel-input {
	padding-bottom: 5px;
}

.left-border {
	border-left: 2px solid #f5f5f5;
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
}

.link-recomendaciones {
	color: #FFF;
}

.link-recomendaciones:hover {
	color: #FFF;
}

.link-full-menu {
	font-family: 'Roboto Regular', san-serif;
	font-size: 14px;
	color: #0889b1;
}

.link-menu {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 16px;
	color: #000;
}

.link-menu:hover {
	cursor: pointer;
}

.link-menu-opacity:hover .logo-menu {
	opacity: 0.4;
}

.link-menu-opacity:hover .circle {
	opacity: 0.4;
}

.link-web {
	border: 2px;
	border-color: white;
	background-color: #344e66;
	border-style: solid;
	text-align: center;
	height: 110px;
	padding: 0;
}

.link-web-a {
	height: 100%;
	width: 100%;
	margin: auto;
}

.link-web-a:hover {
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.8);
	transition: box-shadow 0.35s;
}

.link-web-container {
	padding: 0;
	margin-top: 5px;
}

.link-web-table {
	width: 100%;
	margin-left: -1px;
	margin-right: -1px;
}

.link-web-titulo {
	font-size: 16px;
	font-family: 'Roboto Regular', sans-serif;
	color: #ffffff;
}

.login-link {
	padding-left: 10px;
	padding-right: 10px;
}

.logo-header {
	padding-top: 6px;
	padding-right: 0;
	width: 73px;
}

.logo-header-xs {
	padding-top: 17px;
}

.logo-menu {
	height: 100px;
	margin-bottom: 3px;
	margin-left: auto;
	margin-right: auto;
}

.mantenimiento {
	position: absolute;
	height: 47px;
}

.mantenimiento-full-menu {
	height: 41px;
}

.navbar {
	margin-bottom: 12px;
}

.navbar-brand {
	height: 43px;
}

.navbar-brand>img {
	margin-top: -64px;
	height: 91px;
}

.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
	text-transform: uppercase;
}

.navbar-default {
	background-color: #344e66;
	min-height: 115px;
}

.navbar-default .navbar-nav>li>a {
	color: white;
	padding-top: 12px;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #888787;
}

.navbar-toggle {
	margin-top: 3px;
	margin-bottom: 3px;
}

.panel {
	margin-bottom: 14px;
	border: 0;
	-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.panel-body-formulario {
	padding-top: 28px;
}

.panel-formulario {
	border-radius: 0;
	border: 0;
	font-family: 'Roboto Regular', sans-serif;
	font-size: 14px;
	color: #FFF;
	background-color: #0aa2c7;
	height: 33px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.panel-formulario-cerrado {
	background-color: #0888b0;
}

.panel-left-form {
	padding-right: 10px;
}

.panel-login {
	padding-top: 0;
	padding-bottom: 0;
}

.panel-login-derecho {
	background-color: #344E66;
	padding-bottom: 30px;
}

.panel-rigth-form {
	padding-left: 10px;
}

.panel-title {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.popover {
	border-radius: 0;
	padding: 12px;
	top: 0;
}

.rol-mantenimiento .popover {
	background-color: #ffc627;
}

.popover-content {
	padding: 0;
	font-family: 'Roboto Medium', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
}

.popover.top {
	margin-top: 1px;
}

.recupero {
	padding-top: 10px;
}

.rol-mantenimiento .popover.top .arrow:after {
	border-top-color: #ffc627;
}

.recomendaciones {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 14px;
	color: #FFF;
	padding-right: 25px;
}

.row-footer {
	margin-right: 0px;
	margin-left: 0px;
}

.row-menu {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
}

.row-menu-xs {
	margin-top: 29px;
	margin-bottom: 29px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: 'Roboto Regular', sans-serif;
	font-size: 16px;
	color: #000;
}

.row-formulario {
	padding-top: 22px;
	padding-bottom: 23px;
}

.selectize-input {
	background-color: #FFF;
	border: 1px solid #7d7d7d;
	border-radius: 0;
}

.titulo {
	padding-top: 12px;
	padding-left: 0;
	font-family: 'Roboto Regular', sans-serif;
	font-size: 30px;
	color: #344e66;
}

.titulo-panel {
	padding-top: 20px;
	font-family: 'Roboto Regular', sans-serif;
	font-size: 24px;
}

.titulo-panel-full-menu {
	padding-top: 15px;
	font-family: 'Roboto Regular', sans-serif;
	font-size: 18px;
	color: #000;
}

.titulo-panel-derecho {
	color: #FFF
}

.titulo-panel-izquierdo {
	color: #344e66;
}

.ul-full-menu {
	padding-left: 30px;
}

.div-full-menu {
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 11px;
	overflow: hidden;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.div-full-menu-fservicio {
	height: 95%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	margin-bottom: 20px;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
	font-family: 'Roboto Regular', sans-serif;
	font-size: 14px;
	color: #FFF;
}

.div-ultimo-ingreso-1 {
	font-family: 'Roboto Medium', sans-serif;
}

.div-ultimo-ingreso-2 {
	font-family: 'Roboto Regular', sans-serif;
}

.with-error {
	font-family: 'Roboto Regular', sans-serif;
	font-size: 12px;
	color: #FF0000;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 0;
}

@font-face {
	font-family: 'Roboto Light';
	src: url(/cas/css/font/Roboto-Light-7b5fb88f12bec8143f00e21bc3222124.ttf);
}

@font-face {
	font-family: 'Roboto Regular';
	src: url(/cas/css/font/Roboto-Regular-ac3f799d5bbaf5196fab15ab8de8431c.ttf);
}

@font-face {
	font-family: 'Roboto Medium';
	src: url(/cas/css/font/Roboto-Medium-fe13e4170719c2fc586501e777bde143.ttf);
}

#wrapper {
	min-height: 100%;
	margin-bottom: -100px;
	padding-bottom: 65px;
}

@media ( max-width : 767px) {
	.container {
		width: 90%;
	}
	.logo-menu {
		height: 50px;
		width: 50px;
	}
	.row-menu {
		margin-top: 10px;
		margin-bottom: 10px;
		display: -ms-flex;
		display: -webkit-flex;
		display: flex;
		text-align: left;
	}
	.mantenimiento {
		height: 36px;
		top: 27px;
		left: 38px;
	}
	.circle {
		text-align: center;
		margin: 0;
		height: 50px;
		width: 50px;
		margin: 0;
	}
	.circle p {
		font-size: 9px;
	}

	.row-formulario {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

@media ( min-width : 768px) {
	.container {
		width: 750px;
	}
	.mantenimiento {
		top: 59px;
		left: 86px;
	}
	.header-nombre {
		margin-left: 20px;
	}
}

@media ( min-width : 992px) {
	.container {
		width: 870px;
	}
	.mantenimiento {
		top: 59px;
		left: 100px;
	}
	.header-nombre {
		margin-left: 40px;
	}
}

@media ( min-width : 1200px) {
	.container {
		width: 1070px;
	}
	.mantenimiento {
		top: 59px;
		left: 126px;
	}
	.header-nombre {
		margin-left: 73px;
	}
}

body {
	background-image: url(/cas/webjars/intranet-template/1.0.0.0/images/fondo-3bbb070fdae1ec9ac624a9beb19730f2.png);
	background-color: #ebebec;
	font-family: 'Roboto Regular', san-serif;
	height: 100%;
}

.flex-parent {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.flex-child {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.height100 {
	height: 100% !important;
}

.content-min-height {
	min-height: calc(100vh - (var(--footer-height) + var(--header-height)));
}

.mr-4px {
	margin-right: 4px;
}

.bg-light {
	background-color: #FFF;
}

.p-25px {
	padding: 25px;
}

.footer-logo-conicet {
	width: 296px;
}

.terminos-condiciones {
	text-align: right;
	margin-top: 26px;
}

.terminos-condiciones a{
	color: black;
}

.footer-direcciones {
	margin-top: 9px;
}

/* 
	Se agregó este height solo al ícono de youtube porque
	se achicaba un pixel comparado al footer de Intranet
*/
.footer-img-yt {
	height: 23px;
}

/* 
	Se agregó este regla de CSS porque en firefox los íconos cambiaban
	1px de tamaño respecto al footer de Intranet, pero en chrome no pasa
*/
@supports (-moz-appearance:none) {
    .footer-redes-sociales {
		font-size: 13px;
	}
}