:root{
	--primary-color: #000069;
	--secondary-color: #00CFCF;
}
.jmoddiv.container-fluid{
	margin: 0px !important;
	padding:0px !important;
}
body{
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	background-color: #F4F4F4;
	position: relative;

}
h1,h2,h3,h4,h5{font-family: "Blinker", sans-serif;}
.bg-blue{
	background-color: var(--primary-color);
	color: white;
	height: 81.6vh;
	padding: 25px;
}
.bg-blueSky{
	height: 10vh;
	background-color: var(--secondary-color);
	color: var(--primary-color);
}
.gn-hashtag{
	font-size: 26px;
	padding: 0px;
	margin: 0px;
	font-family: "Blinker", sans-serif;
	font-weight: 500;
}
.gn-loginrds{
	height: 91.6vh;
	background-color: white;
}
.gn-btn-sesion{
	padding: 15px 25px;
	width: 100%;
	border-radius: 37px;	
	background-color: #000068;
	font-size: 16px;
	color: white;
	border: 0px;
	cursor: pointer !important;
}
.gn-btn-sesion:hover{
	background-color: white;
	border: 1px solid #000068;
	color: #000068;
	cursor: pointer !important;
}
.gn-btn-sesion:active{
	background-color: white;
	border: 1px solid #000068;
	color: #000068;
	cursor: pointer !important;
}
.no-padding-left{
	padding-left: 0px;
	padding-right: 0px;
}
.gn-fondo-gris{
	padding: 25px ;
	height: 83vh;
	overflow: scroll;
}
.gn-tlt-sup{margin-bottom: 20px;}
.gn-title i{
	font-size: 25px;
	color: var(--primary-color);
}
.gn-title h2{
	font-size: 24px;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	margin-left: 10px;
	color: var(--primary-color);
}
a.gn-btn, button.gn-btn-ok, button.gn-btn{
	background-color: var(--primary-color);
	color: white;
	padding: 0px;
	padding: 10px 20px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 14px;
	border: none;
}
a.gn-btn-trush, button.gn-btn-trush{
	background-color: #FF0000;
	color: white;
	padding: 10px 20px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 14px;
	border: none;
}
a.gn-btn-orange{
	background-color: #fa0;
	color: white;
	padding: 10px 20px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 14px;
}
input.gn-btnSave, button.gn-btn-white{
	background-color: white;
	color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 100px;
	text-decoration: none;
	font-size: 14px;
	border: 2px solid var(--primary-color);
	margin-left: 5px;
}
input.form-control, select.form-select{
	border-radius: 10px;
	border: 1px solid #979797;
	margin-bottom: 10px;
}
/* CARTAS SALAS */
.gn-card .gn-cardEdificios{
	border-radius: 10px;
	position: relative;
	overflow: hidden;
}
.gn-cardImg{
	height: 180px;
	border-radius: 10px 10px 0px 0px ;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.gn-cardEdificios .gn-cardImg{
	height: 130px;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
}
.gn-cardEtiqueta{
	position: absolute;
	bottom: 0px;
	left: 10px;
	bottom: 10px;
	border-radius: 100px;
	padding: 5px 15px;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	font-size: 14px;
	background-color: white;
}
.gn-cardBody{
	background-color: white;
	border-radius: 0px 0px 10px 10px;
	padding: 15px;
}
.gn-cardBody h3{
	font-size: 18px;
	color: var(--primary-color);
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}
.gn-cardBody p{
	font-size: 16px;
	color: var(--primary-color);
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
/* FIN CARTAS SALAS */
.bg-white{
	border-radius: 10px;
	padding: 25px 15px;
}
.bg-gray{
	background-color: #F6F6FA;
	border-radius: 10px;
	padding: 25px;
}
.bg-white h3 i{
	color: var(--primary-color);
	font-size: 25px;
}
.bg-white h3 {
	color: var(--primary-color);
	font-size: 18px;
	font-weight: bold;
}
.gn-etiqueta{
	border-radius: 100px;
	padding: 5px 15px;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	font-size: 14px;
	background-color: white;
	text-align: center;
}
.gn-list{
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	padding: 10px 0px;
	margin: 0px 2px;
}
.gn-salaImg{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 400px;
	border-radius: 10px;
}
.gn-salaImg img{
	height: 100% !important;
	width: auto !important;
}
.gn-salaImg-Emty{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 400px;
	border-radius: 10px;
	border: 1px dashed var(--primary-color);
	color: var(--primary-color);
}
/* FOOTER */
footer{
	background-color: white;
	padding: 25px;
	margin: 0px;
	margin-top: 5px;
	color: var(--primary-color);
}
footer .gn-footer-legal{
	display: flex;
	justify-content: flex-end;
}
footer .gn-footer-legal a{
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	color: var(--primary-color);
}
/* Barra superior */
.gn-barraSuperior{
	background-color: white;
	padding: 20px 23px;
}
.gn-barraSuperior .gn-logout a{
	background-color: var(--primary-color);
	border-radius: 100px;
	padding: 10px 12px;
	color: white;
}
.gn-barraSuperior .gn-welcome{
	text-align: right;
	margin-right: 15px;
}
.gn-barraSuperior .gn-notificacion{
	background-color: var(--secondary-color);
	padding: 10px 15px;
	margin-right: 15px;
	border-radius: 50px;
	color: white;
}
.gn-barraSuperior .gn-notificacion a{
	color: white;
	text-decoration: none;
}
.gn-barraSuperior .gn-notificacion i.fa-spinner{animation: rotation infinite 3s linear;}
@keyframes rotation{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}
/* Fin Barra Superior*/
/* Barra Lateral */
.gn-barraLateral{
	padding: 15px;
	background-color: white;
	margin-top: 5px;
	width: 100%;
}
.gn-barraLateral .gn-opcionMenu{
	height: 65px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-bottom: 15px;
}
.gn-barraLateral .gn-opcionMenu.gn-submenu-on{
	background-color:var(--secondary-color);
	padding: 0px;
	border-radius: 100px;
}
.gn-barraLateral .gn-opcionMenu a{
	text-align: center;
	color: var(--primary-color);
	text-decoration: none;
}
.gn-barraLateral .gn-opcionMenu i{font-size: 20px;}
.gn-barraLateral .gn-opcionMenu p{
	padding: 0px;
	margin: 0px;
	font-size: 14px;
}
/* Fin Barra Lateral */
.gn-tarj-sala{
	background-color: white;
	padding: 0px;
	border: 5px solid #F4F4F4;
	border-radius: 12px 12px 12px 12px;
}
.gn-tarj-sala img{
	border-radius: 8px 8px 0px 0px;
	width: 100%;
}
.gn-tar-des{
	padding-top: 15px;
	padding-left: 15px;
}
.gn-tar-des p{
	font-size: 16px;
	color: #424242;	
}
.gn-tar-des button{
	background: #000068;
	border-radius: 8px;
	padding: 8px 20px;
	border: none;
	color: white;
}
.gn-new{
	background-color: #000068;
	border-radius: 8px;
	color: white;
	width: 160px;
	padding: 10px 0px;
	text-align: center;
}
.gn-edit-title h3{font-size: 16px;}
.gn-formul input{
	width: 100%;
	border-radius: 8px;
	border: 1px solid #000068;
	padding: 5px 10px;
}
.gn-formul select{
	width: 100%;
	padding: 5px 10px;
	background-color: white;
	height: 30px;
}
.btn_form_save{
	background-color: #000068;
	color: white;
	height: 40px;
}

@media (max-width: 767px){
	.bg-blue{height: 70vh;}
	.gn-footer-legal{display: inherit;}
	.gn-barraLateral{
		display: flex;
		justify-content: space-between;
	}
	.gn-barraLateral .gn-opcionMenu{
		margin-bottom: 0px;
		width: 80px;
	}
	.gn-submenu-on{
		margin-bottom: -3px;
		margin-right: 0px;
		margin-left: 0px;
		border-right: none;
		border-bottom: 6px solid #000068;
	}
	.gn-borde-sep{
		border-top: 15px solid #f4f4f4;
		border-bottom: 15px solid #F4f4f4;
		border-left: 0px solid #f4f4f4;
		border-right: 0px solid #f4f4f4;
	}
	.gn-userBtns{margin-top: 10px;}
	.gn-tarj-sala{width: 100%;}
	.no-padding-left{padding-right: 0px;}
}
@media (min-width: 767px) and (max-width:991px){
	.bg-blue{height: 15vh;}
	.gn-loginrds{height: 70 vh;}
	.gn-loginColumns{flex-direction: row-reverse;}
	.gn-barraLateral{
		display: flex;
		justify-content: space-between;
	}
	.gn-barraLateral .gn-opcionMenu{
		margin-bottom: 0px;
		width: 80px;
	}
	.no-padding-left{padding-right: 0px;}
	.gn-fondo-gris{height: 70vh;}
	.gn-card .gn-cardImg{height: 150px;}
	.gn-card .gn-cardEtiqueta{right: 10px;}
	.gn-userBtns{margin-top: 10px;}
	.gn-tarj-sala{width: 100%;}
	
}

@media (min-width: 991px) and (max-width:1199px){
	.gn-fondo-gris{height: auto;}
	.gn-userBtns{margin-top: 10px;}
}