/* declaracion de material designs */

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.circle-icon {
    background: #ffffff;
    padding: 20px;
    border: 1px solid #087021;
    border-radius: 50%;
}

.circle-icon-blue {
    background: #ffffff;
    padding: 20px;
    border: 3px solid #497b92 !important;;
    border-radius: 50%;
}

/* imagenes y logos */

.logo-provisional{
	text-align: center;
	margin-top: 0.5rem;
	color: #ffffff;
	font-size: 2rem;
}


/*		visibilidad	 	*/

.display-soft{
	display: block;
}
.no-display-soft{
	display: none;
}
.display-hard{
	display: block !important;
}
.no-display-hard{
	display: none !important;
}

/* solo desktop */
@media (min-width: 769px) {
	.only-display-tablet{
		display: none !important;
	}
	.only-display-mobile{
		display: none !important;
	}
	.display-tablet-mobile{
		display: none !important;
	}
}

/* table y desktop */

@media (min-width: 426px) {
	.display-tablet-desktop{
		display: block !important;
		text-align: center !important;
	}
}

/* solo table */
@media (max-width: 768px) and (min-width: 426px) {
	.only-display-desk{
		display: none !important;
	}
	.only-display-mobile{
		display: none !important;
	}
}

/* table y mobile */

@media (max-width: 768px) {
	.display-tablet-mobile{
		display: block !important;
	}
}

/* solo mobile */
@media (max-width: 425px) {
	.only-display-desk{
		display: none !important;
	}
	.only-display-tablet{
		display: none !important;
	}
	.display-tablet-desktop{
		display: none !important;
	}
}


/* 		tamaños 		*/

.width-100{
	width: 100% !important;
}
.width-90{
	width: 90% !important;
}
.width-95 {
	width: 95% !important;
}
.width-80 {
	width: 80% !important;
}
.width-66{
	width: 66% !important;
}
.width-50{
	width: 50% !important;
}
.width-33{
	width: 33% !important;
}
.width-25{
	width: 25% !important;
}

/* 		alineamiento 	*/

.align-center{
	text-align: center !important;
}
.align-left{
	text-align: left !important;
}
.align-right{
	text-align: right !important;
}


/* 		padding y margins 		*/

.no-padding-lateral{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.no-padding-upDown{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.no-padding{
	padding: 0 !important;
}
.margin-left-05{
	margin-left: 0.5rem !important;
}
.margin-left-1{
	margin-left: 1rem !important;
}
.margin-left-2{
	margin-left: 2rem !important;
}
.margin-right-025{
	margin-right: 0.25rem !important;
}
.margin-right-05{
	margin-right: 0.5rem !important;
}
.margin-right-1{
	margin-right: 1rem !important;
}
.margin-right-2{
	margin-right: 2rem !important;
}
.no-margin-top{
	margin-top: 0 !important;
}
.margin-top-05{
	margin-top: 0.5rem !important;
}
.margin-top-1{
	margin-top: 1rem !important;
}
.no-margin-bottom{
	margin-bottom: 0 !important;
}
.margin-bottom-05{
	margin-bottom: 0.5rem !important;
}
.margin-bottom-1{
	margin-bottom: 1rem !important;
}
.margin-bottom-2{
	margin-bottom: 2rem !important;
}




/* Responsive utilities */

/* Desktop */

@media (min-width: 769px) {
	.no-margin-left{
		margin-left: 0px !important;
	}
	.rotate-180 {
	    -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	.rotate-90 {
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.no-visible{
		display: block !important;
	}
	.visible{
		display: none !important;
	}
	.font-size-text{
		font-size: 12px;
	}
	.font-size-logo{
		font-size: 8px;
	}
}


/* Tablet */

@media (max-width: 768px) {
	.no-margin-left-mobile{
		margin-left: 0px !important;
	}
	.rotate-180 {
	    -webkit-transform: rotate(180deg);
	    -moz-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	    transform: rotate(180deg);
	}
	.rotate-90 {
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
	.visible{
		display: block !important;
	}
	.no-visible{
		display: none !important;
	}
	.width-modal{
		width: 50% !important;
	}
	.font-size-text{
		font-size: 14px;
	}
	.font-size-logo{
		width: 9rem;
    	height: 4.5rem;
	}
}


/* Mobile */

@media (max-width: 425px) {
	.no-padding-lateral-xs{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.width-modal{
		width: 100% !important;
	}
	.font-size-text{
		font-size: 8px;
	}
	.font-size-logo{
		width: 7rem !important;
    	height: 3.5rem !important;
	}
}


/* Tablas: customizacion */

.header-icon{
    display: inline-table;
    vertical-align: super;
}


/* Modal: customizacion */



/* Logos */

.logos-right{
    position: absolute;
    right: 0;
    top: 5px;
    max-width: 32%;
}
.logo-size-top-right{
	width: 100%;
	max-width: 6rem;
    height: 3rem;
}
.logo-europa{
	min-width: 100%;
    height: auto;
}
.logo-junta-white{
	min-width: 100%;
    height: auto;
}

.card-login {
	margin-left:auto;
	margin-right: auto;
}

.buttonWelcome2{
	height: 45px !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	margin-right: 20px !important;
	
	
	border-radius: 3px 0px 0px 3px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	border: none !important;
	border-radius: 0px 3px 3px 0px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	color: #f4f4f4 !important;
	width: 250px !important;
	box-shadow: none !important;
}

.buttonWelcome3{
	height: 45px !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	margin-right: 20px !important;
	
	
	border-radius: 3px 0px 0px 3px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	border: none !important;
	border-radius: 0px 3px 3px 0px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	color: #f4f4f4 !important;
	width: 270px !important;
	box-shadow: none !important;
}

.buttonWelcomeGestor {
	margin-top: 40px !important;
}
	
}