body, html {
	font-family: Arial, sans-serif;
	font-size : 12px;
	margin : 0;
	padding : 0;
	height : 100%;
	background: url("img/bodyBg.png");
	/*
	background: url("img/bodyBg.png");
	background: url("img/mujerf.jpg");
	background: url("img/navidad2025.jpg");
	
	
 	  
	background-size: cover !important;*/
 	background-repeat: repeat; 
	background-position: left top;
	background-color: #231f20;
	
}

.login-select2{
	background-color: transparent!important;
}

.login-text {
	padding: 5px 5px;
    border: none;
	background: #d1d3d4;
    color: #231f20;
	border-radius : 3px;
	margin : 5px 5px 5px 2px;
	font-size: 10pt;
	vertical-align: middle;
	width : 220px;
	height:auto;
}

.user-role-check {
	padding : 0;
	margin : 0;
}

.user-role-label {
	padding : 0;
	margin : 0;
	border : none;
	color: #444;
	font-size: 10pt;
	font-weight: bold;
	margin-left : 15px;
	cursor:pointer;
}

.login-label {
	margin : auto 5px;
	display: block;
	color: #444;
	font-size: 10pt;
	font-weight: bold;
}

.login-title {
    color: white;
    padding: 25px;
    font-size: 18pt;
    display: block;
    vertical-align: middle;
    text-align: center;
    background-image: url(img/header-image.png);
    background-position-x: 50%;
	font-weight: bold;
    background-repeat: no-repeat;
    background-size: 85% 100%;
    background-color: #231f20;
    border-bottom-right-radius: 65px;
    border-bottom-left-radius: 65px;
}

.menu-jsp7-title {
    color: white;
    padding: 35px;
    font-size: 18pt;
    display: block;
    vertical-align: middle;
    text-align: center;
    background-image: url(img/header-image.png);
    background-position-x: 100%;
	font-weight: bold;
    background-repeat: no-repeat;
    background-size: 91% 100%;
    background-color: #231f20;
    border-bottom-right-radius: 65px;
    border-bottom-left-radius: 65px;
}
.form-section-margin {
	padding: 10px 30px;
	border-right: 1px solid #ccc;
	margin-top:25px;
}

.form-section {
	display : inline-block;
	vertical-align: top;
    background-color: #e6e7e8;
	border : 1px solid rgb(84,95,88);
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

.menu-section {
	display : inline-block;
	vertical-align: top;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
.form-middle {
	/*margin : auto 40%;
	width : 1024px;
	height : 50%;
	float:right;*/
	/* Firefox */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.h2{
	font-size : 18px;
}

.login-button {
	font-size: 12px;
    padding: 7px!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
    color: white;
    background-color: #0463c5;
    background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.05));
    border: 1px solid rgb(84,95,88);
    box-shadow: 0 1px 0 #fff;
    padding: 5px 10px;
    margin: 5px;
}



.login-notification-panel {
	border-radius : 5px;
	padding : 10px;
	margin : 5px;
	display : none;
}

.login-error-panel {
	border: 1px dotted #d04437;
	background: #fff8f7;
}

.login-message-panel {
	border-radius : 5px;
	border: 1px dotted #3744d0;
	background: #f8f7ff;
}

.login-notification-panel > div {
	margin : 0px;
}

.login-notification-title {
	font-size: 14px;
	font-weight: bold;
	padding : 5px;
	display : inline-block;
	vertical-align: middle;
	margin : 0;
}

.login-notification-icon {
	width : 16px;
	height : 16px;
	display: inline-block;
	vertical-align: middle;
}

.login-error-icon {
	background: transparent center url(img/error.png);
}

.login-message-icon {
	background: transparent center url(img/message.png);
}

.login-button-crear{
	background: transparent;
	border : none;
	color : #3b88c3;
	font-size: 12px;
	
}

.sub-title {
	font-size : 18px;
	color: #444;
	margin: 5px 5px 15px 5px;
	
}

.page-wrap {
	min-height : 100%;
	height : 100%;
}

.content-wrap {
	/*height: 100%;
	width : 100%;*/
	background-size: cover;
	/*padding: 10px;*/
	position : relative;	
}

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

.text-align-left{
	text-align: left;
}

.main-body {
	/*height : 100%;*/
	width : 100%;
}

.menu-arbol {
	width: 410px;
	height: 370px;
	background-color: #e6e7e8;
	padding : 5px;
	display : inline-block;
	margin : 0;
	max-height : 400px;
	overflow : auto;
	text-align: left;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

.collapsed-node {
	background : transparent center no-repeat url(img/collapsed.png); 
}

.leaf-node {
	background-image: url(img/leaf.png)!important;
}

.expanded-node {
	background : transparent center no-repeat url(img/expanded.png); 
}

.menu-favoritos{
	width: 410px;
	height: 362px;
	padding : 10px;
	display : block;
	background-color: #e6e7e8;
	border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    overflow : auto;
	
}

.feedEkList{
	width: 410px;
	height: 370px;
	border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    background-color: #e6e7e8!important;
    overflow : auto;
}
.right-panel{
	display : inline-block;
	vertical-align: top;
	padding : 30px;
	margin-left : 20px;
	background-color: #0D163C;
}

.login-link {
	font-size : 13px;
	font-weight : bold;
	display : block;
	position: relative;
	color : #150E3B;
	background: transparent;
	border : none;
	padding: 5px 5px;
	cursor : pointer;
}

.salir-button {
	display: block;
	background: transparent;
	border: none;
	outline:none;
	font-family: Arial, sans-serif;
	color: white;
	cursor: pointer;
	font-size: 10px;
}
.logo-salir{
	display: block;	
	border: none;
	outline:none;
	cursor: pointer;
}

.logo-salir-image{
	width: 32px;
	height: 32px;
	display: inline-block;
    border: none;
    outline: none;
    font-family: Arial, sans-serif;
    color: white;
    cursor: pointer;
    background: transparent center url(img/salir-jsp7.png) no-repeat;
    background-size: cover;	
}

.login-link:hover{
	color : black;
	text-decoration: underline;
	
}

.menu-title {
	font-size: 16px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	margin: 0;
	padding: 10px;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	background-color: rgb(44,55,48);
	display: block;
	
}

.menu-favourites-icon {
	height : 50px;
	width : 50px;
	margin : 10px auto;
	display : block;
	background: transparent center no-repeat url(img/favoritos.png);
	background-size: cover;
    position: relative;
}

.menu-opciones-icon {
	height : 50px;
	width : 50px;
	margin : 10px auto;
	display : block;
	background: transparent center no-repeat url(img/opciones-jsp7.png);
	background-size: cover;
    position: relative;
}

.user-image {
	width : 124px;
	height : 96px;
	margin: 10px auto;
	background : transparent center no-repeat url(img/blog.png);
}

.label-user {
	color : whitesmoke;
	font-size : 12px;
	font-weight: bold;
	margin : 5px;
}

.label-activar-usuario {
	font-size : 13px;
	font-weight : bold;
	color : #150E3B;
	padding: 5px 5px;
	vertical-align: top;
}

.password-field {
	padding : 8px 6px;
	border: 1px solid rgb(120,120,120);
	color: #111111;
	border-radius : 3px;
	margin : 5px 5px 5px 2px;
	font-size: 10pt;
	vertical-align: middle;
	width : 150px;
}

.password-button {
	padding: 8px 6px;
	border: 1px solid rgb(120,120,120);
	color: #fff;
	border-radius: 3px;
	margin: 5px 5px 5px 2px;
	font-size: 10pt;
	vertical-align: middle;
	background: #555e58;
}

.change-password-container{
	position: relative;
	display: block;
}

.menu-admin-link-style{
	border: none;
	background: transparent;
	padding-left: 5px;
	margin-top: 5px;
	color: blue;
	/*text-decoration: underline;*/
	cursor: pointer;
}

.administrador-de-menu-link-style{
	border: none;
	background: transparent;
	padding-left: 5px;
	margin-top: 5px;
	color: blue;
	text-decoration: underline;
	cursor: pointer;
	position: absolute;
	height: 22px;
	top: 262px;
	left: 62px;
	width:160px;
}

.margin-bottom-buton{
	margin-bottom: 20px;
}



@keyframes showing-login-error {
    from {background: #d04437;}
      to {background: #fff8f7;}
}

@-webkit-keyframes showing-login-error {
	from {background: #d04437;}
      to {background: #fff8f7;}
}

@keyframes showing-login-message {
    from {background: #4437d0;}
      to {background: #f7f8ff;}
}

@-webkit-keyframes showing-login-message {
	from {background: #4437d0;}
      to {background: #f7f8ff;}
}


.login-prompt-css-style{
	font-weight : bold;
	color : #150E3B;
	font-size: 10pt;
}

.form-section-padding-login{
	padding-bottom: 15px;
}

.form-section-padding-nuevo{
	padding-bottom: 5px;
}

.cambiar-password-display-none{
	display: none;
}
.crear-cuenta-display-none{
	display: none;
}
.ingreso-sistema-display-block{
	display: inline-block;
}

.empresa-select2-admin-login{
	position: absolute;
	left:38px;
	top:133px
}

.login-help-button {
	display: inline-block;
	border: none;
	outline:none;	
	font-family: Arial, sans-serif;
	color: white;
	cursor: pointer;
	background: transparent center url(img/soporte.png) no-repeat;
	background-size: cover;
}

.login-ayuda-text{
	margin: 0px;
	font-size: 7pt;
	font-family: Arial, sans-serif;
	cursor: pointer;
	font-weight: normal;
}

.image-logo{
	height: 46px;
    width: 100px;
    margin-top: 5%;
    margin-bottom: 1%;
    display: inline-block;
    background: transparent center url(img/logoJsp7.png) no-repeat;
    background-size: cover;
}


.title{
	position: absolute;
	width: 100%;
	color: white;
	text-align: center;
	font-size: 14px;
	padding: 6px 0;
	background-color: #0463c5;
	font-weight: bold;
	top:0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-position: 50%;
}


.menu-title{
	position: relative;
	width: 100%;
	color: white;
	text-align: center;
	font-size: 14px;
	padding: 10px 0;
	background-color: #0463c5;
	font-weight: bold;
	top:0px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background-position: 50%;
}

.login-footer{
	color: whitesmoke;
    padding: 17px;
    font-size: 18pt;
    display: block;
    vertical-align: middle;
    text-align: center;
    background-image: url(img/footer-login.png);
    background-position-x: 50%;
    font-weight: bold;
    background-repeat: no-repeat;
    background-size: 85% 100%;
    background-color: #231f20;
    border-top-right-radius: 65px;
    border-top-left-radius: 65px;
    bottom: 0px;
    width: 100%;
    position: fixed;
}

.select2-container .select2-choice .select2-arrow b{
	background-color: #0463c5;
	border: none;	
	background-image: url(img/lupa.png);
	background-size: 25px 25px;
	background-position-x: 0px;
	background-position-y: 1px;
}

.select2-container .select2-choice .select2-arrow{
	width: 25px;
}

.select2-container .select2-choice{
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d1d3d4), color-stop(0.5, #d1d3d4));
    background-image: -webkit-linear-gradient(center bottom, #d1d3d4 0%, #d1d3d4 50%);
    background-image: -moz-linear-gradient(center bottom, #d1d3d4 0%, #d1d3d4 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d1d3d4', endColorstr = '#d1d3d4', GradientType = 0);
    background-image: linear-gradient(top, #d1d3d4 0%, #d1d3d4 50%);
    border: none;
}

.search-text {
	
	border: 1px solid rgb(120,120,120);
	color: #111111;
	border-radius : 3px;
	margin : -5px 2% 5px 2px;
	font-size: 10pt;
	width : 220px;
	height:auto;
	float :right;
}


.menu-panels{
	margin-left: 1%;
}

.jforms-statusbar{
	background-image: -o-linear-gradient(bottom, #0463c5 38%, #0463c5 69%, #0463c5 85%);
    background-image: -moz-linear-gradient(bottom, #0463c5 38%, #0463c5 69%, #0463c5 85%);
    background-image: -webkit-linear-gradient(bottom, #0463c5 2%, #0463c5 69%, #0463c5 85%);
    background-image: -ms-linear-gradient(bottom, #0463c5 38%, #0463c5 69%, #0463c5 85%);
    color: white;
}

.help-container{
	float:right;
	margin-right: 3%;
}