/*
	COLORS.

	GREEN          : #8BC53F rgb( 139, 197, 63 )
	DRAK GREEN     : #00B369 rgba( 0, 179, 105 )
	LIGHT GREEN    : #47BD81 rgb( 71, 189, 129 )
	BLUE           : #223D51 rgb( 34, 61, 81 );
	CONTENT:     #717171


	** MESSAGES COLORS

	- NORMAL        #FAFAFA rgb( 250, 250, 250 )
	- DANGER        #F02626 rgb( 240, 38, 38 )
	- INFO          #247DF6 rgb( 36, 125, 246 )
	- SUCCESS       #5CB703 rgb( 92, 183, 3 )
	- WARNING       #F7AB09 rgb( 247, 171, 9 )

	** BUTTONS COLORS

	- NORMAL        #FAFAFA rgb( 250, 250, 250 )
	- DANGER        #F02626 rgb( 240, 38, 38 )
	- INFO          #247DF6 rgb( 36, 125, 246 )
	- SUCCESS       #5CB703 rgb( 92, 183, 3 )
	- WARNING       #F7AB09 rgb( 247, 171, 9 )

	FONTS.
	font-family: Arial, Helvetica, sans-serif;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif
	font-family: Lato;
	font-family: Lobster;
*/

/* External CSS Below */
body::-webkit-scrollbar {
	width: 10px;
}
 
/* Track */
body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 2px #000000;  
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
 
/* Handle */
body::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 0px;
	background: #cecccc; 
}
body::-webkit-scrollbar-thumb:window-inactive {
	background: #333333; 
}

@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'), url(//themes.googleusercontent.com/static/fonts/lato/v7/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'), url(//themes.googleusercontent.com/static/fonts/lato/v7/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
	font-family: Lato;
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'), url(//themes.googleusercontent.com/static/fonts/lato/v7/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}

@font-face {
	font-family: 'GothamBold';
	src: url('../fonts/gotham/gotham-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
 
@font-face {
	font-family: 'GothamBoldItalic';
	src: url('../fonts/gotham/gotham-bolditalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
 
@font-face {
	font-family: 'GothamBlack';
	src: url('../fonts/gotham/gotham-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
 
@font-face {
	font-family: 'GothamBlackItalic';
	src: url('../fonts/gotham/gotham-blackitalic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
   
@font-face {
	font-family: 'GothamMedium';
	src: url('../fonts/gotham/gotham-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GothamLight';
	src: url('../fonts/gotham/gotham-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/*@font-face {
    font-family: 'GothamThin';
    src: url('../fonts/gotham/gotham-thin-webfont.woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
	font-family: 'GothamBook';
	src: url('../fonts/gotham/gotham-book-webfont.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CrimsonBold';
	src: url('../fonts/crimson/CrimsonText-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CrimsonText';
	src: url('../fonts/crimson/CrimsonText-Roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CrimsonSemibold';
	src: url('../fonts/crimson/CrimsonText-Semibold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CrimsonItalic';
	src: url('../fonts/crimson/CrimsonText-Italic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}i:not(.icon){font-style:italic}b{font-weight: 600}input[type=text]::-ms-clear {display:none}

input:not([type=checkbox]):not([type=radio]), textarea, button, a {
	-webkit-appearance: none;
	outline: none;
}

html,
body {
	height: 100%;
}

body .static-page {
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	font-size: 23px;
	font-style: normal;
	font-weight: normal;
	color: #666;
}

body .local-view-container .static-page {
	max-width: 660px;
}

body:not(.parent-home) {
	overflow-y: scroll;
}

body {
	/*overflow-y: scroll;*/
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: #666;
	display: inline-block;
	float: left;
	width: 100%;
}

/*body.device-handset {
	display: none;
}*/

body.logged {
	background-color: #FFF;
}
body.non-logged {
	background-color: #FFF;
}

body.page-admin {
	background-color: #596D7B;
}

body.page-home-u {
	/*background-color: #D8ECC0;
	background-image: url(../../images/home-bg.png);
	background-position: center 54px;
	background-repeat: no-repeat;
	background-attachment: fixed;*/
}

body.unselected {
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

[data-href] { cursor: pointer; }

.image-preload {
	display: inline-block;
}
.image-preload:not(.preload-static) {
	opacity: 0;
	-webkit-transition-duration: 500ms;
	transition-duration: 500ms;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
	.image-preload.loaded {
		opacity: 1.0;
	}

.local-view .base-size {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
}

.local-view .page { 
	padding-top: 0;
}

        .unjusti{
         text-align: left !important;
            hyphens: none !important;
            -webkit-hyphens: none !important;
            -moz-hyphens: none !important;
            -ms-hyphens: none !important;
            
            }
            
        .unjusti2{
         text-align: left !important;
           hyphens: auto;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;
                        }

/* 
body.user-admin .local-view-container {
	padding-bottom: 44px;

}
 */
#views {
	display: flex;
	justify-content: center;
	align-items: center;
}
.local-view-container {
	-webkit-transition-duration: 300ms;
	-moz-transition-duration: 300ms;
	transition-duration: 300ms;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-property: opacity;
	position: fixed;
	padding: 20px 10px;
	box-sizing: border-box;
	left: 0;
	top: 0;
	display: flex;
	max-width: 100%;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.8);
	opacity: 1.0;
	justify-content:center;
	align-items:center;
	max-width: 100%;
	max-height: 100%;
}
	.local-view-container.unloading-view {
		opacity: 0.0;
	}
	.local-view-container .local-view {
		display: flex;
		flex-direction: column;
		-webkit-transition-duration: 400ms;
		-moz-transition-duration: 400ms;
		transition-duration: 400ms;
		-webkit-transition-property: height, width;
		-moz-transition-property: height, width;
		transition-property: height, width;
		max-width: 100%;
		max-height: 100%;
		min-height: 60px;
		min-width: 150px;
		background-color: #FFFFFF;
		box-sizing: border-box;
		vertical-align: top;
		position: relative;
	}
		.local-view-container:not(.loading-view) .local-view {
		}
		.local-view-container.loading-view .local-view {
			width: 320px;
		}
		.local-view-container.loading-view .local-view > .local-view-loading {
			text-align: center;
			width: 100%;
			display: inline-block;
		}
			.local-view-container.loading-view .local-view > .local-view-loading > span {
				text-align: center;
				margin-top: 10px;
				display: inline-block;
				height: 27px;
				width: 27px;
				/*background-image: url(../../images/loading/27x27.gif);*/
				background-image: url(../../images/loading/opd-search-loader.gif);
				background-size: cover;
				margin: 5% 0;
				border-radius: 100%;
			}
		.local-view-content-container {
			display: flex;
			width: 100%;
			overflow: hidden;
			vertical-align: top;
			position: relative;
			box-sizing: border-box;
		}
		.local-view-container .static-page {
			padding-right: 15px;
			padding-left: 15px;
		}
		.local-view-container .static-page > p,
		.local-view-container .static-page > .static-p > p,
		.local-view-container .static-page > blockquote > p,
		.local-view-container .legal-page > div.static-p {
			padding-right: 0px;
			padding-left: 0px;
		}
		.local-view-content-content {
			width: 100%;
			height: auto;
			position: relative;
			bottom: 0;
			left: 0;
			display: inline-block;
			box-sizing: border-box;
		}
		body:not(.user-mobile) .local-view-content-content {
			overflow: hidden;
		}
			.local-view-content-container > .dynamic-scroll-holder > .scroll-bar {
				background-color: #D6D6D6;
			}
				.local-view-content-container .dynamic-scroll-holder:hover > .scroll-bar,
				.local-view-content-container .dynamic-scroll-holder.active > .scroll-bar {
					background-color: #D6D6D6;
				}

			.local-view-content-container.dynamic-scroll {
				padding-right: 10px;
			}   

			.local-view-content-container.dynamic-scroll-hidden {
				padding-right: 0px;
			}

		.local-view-title-container {
			padding: 0px;
			background-color: #F7F7F7;
			display: inline-block;
			max-width: 100%;
			box-sizing: border-box;
		}
		.local-view-title {
			min-height: 50px;
			width: 100%;
			padding: 15px 55px 15px 15px;
			display: flex;
			flex: 1;
			box-sizing: border-box;
			font-size: 18px;
			line-height: 20px;
			color: #DB2471;
			font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
		}
		body:not(.parent-admin) .local-view-title {
			text-transform: uppercase;
			font-family: GothamBold,Palatino, Palatino Linotype, Georgia
		}
		.local-view-close {
			height: 50px;
			right: 0px;
			top: 0px;
			position: absolute;
			display: flex;
			height: 50px;
			width: 50px;
			justify-content: center;
			align-items: center;
		}
			.local-view-close:hover {
				background-color: #EDEDED;
				cursor: pointer;
			}
			.local-view-close:active {
				background-color: #D5D5D5;
			}
		.local-view-close::after {
			content: 'X';
			color:#DB2471;
			font-family:verdana;
			font-weight:bold;
			font-size:17px;
			margin-top:-3px;
/* 
			display: inline-block;
 */
/* 
			width: 30%;
			height:30%;

			background-image: url(https://static.cosmograma.com/modules/articulos/s/res/images/cerrar-ventana.png?a);
			background-position: 375px -82px;

			background-repeat: no-repeat;
 */
		}
#web {
	display: inline-block;
	width: 100%;
	float: left;
}

/* Base Classes */
.full {
	display: inline-block;
	width: 100%;
	float: left;
}

.hide,
.hidden {
	display: none;
}

.visible {
	display: inline-block !important;
}

.in {
	opacity: 0.0;
}

.out {
	opacity: 1.0;
}

.right {
	float: right;
	display: inline-block;
}

.left {
	float: left;
	display: inline-block;
}

/**
	* HOME PAGE
	*/

body.parent-admin #loading-bar {
    top: 50px;
}

body #loading-bar { /* Barra superior loading */
    display: inline-block; /* Solo necesitas uno de los valores de 'display' */

    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: transparent; /* Mantuve solo una declaración de 'background-color' */
    z-index: 3;
}

body #loading-bar > span.loading {
    display: inline-block;
    position: relative;
    float: left;
    height: 2px;
    width: 0%;

    /* Utilizo el gradiente lineal como color de fondo */
    background-image: linear-gradient(to right, #2B48A3, #DB2471 35%);
}

body.no-transition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	transition: none !important;
}

body:not(.parent-admin) #page-content {
	max-width: 1000px;
	display: block;
	margin: 0 auto;
	min-height: 460px;
}

.base-size {
	box-sizing: border-box;
	margin: 0 auto;
	width: 1000px;
}

/* Landing download */
h3 {
	font-size: 25px;
	line-height: 35px;
	color: #DB2471;
}

h4 {
	font-size: 20px;
	line-height: 30px;
}

.center {
	text-align: center;
}
.no-wrap {
	white-space: nowrap;
}
#login-logo {
	margin-top: 30px;
}

#landing-download {
	width: 500px;
	margin: 0 auto;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 20px;
	margin-top: 90px;
	text-align: center;

	background-color: rgba(255, 255, 255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 20%, rgba(242,242,242,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(242,242,242,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(242,242,242,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 20%,rgba(242,242,242,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 20%,rgba(242,242,242,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00f2f2f2',GradientType=0 ); /* IE6-9 */

}
	#landing-download > img {
		margin-top: 15px;
		width: 260px;
	}
	#landing-download > h1 {
		color: #DB2471;
		font-family: 'Lobster', cursive;
		font-size: 45px;
		line-height: 50px;
		font-weight: 300;
		margin: 10px 0 20px 0;
	}
	#landing-download > iframe {
	}
	#landing-download > div {
		display: inline-block;
		float: left;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}
		#landing-download > div > a {
			width: 140px;
			display: inline-block;
			margin: 0 10px;
		}
			#landing-download > div > a > img {
				width: 140px;
				display: inline-block;
			}

/* Paginations loading */
.pagination-loading,
.filter-loading {

}
	.pagination-loading,
	.filter-loading {
		display: inline-block;
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
	}
		.pagination-loading.active,
		.filter-loading.active {
			display: inline-block;
		}
		.pagination-loading > span,
		.filter-loading > span {
			display: inline-block;
			height: 27px;
			width: 27px;
			/*background-image: url(../../images/loading/27x27.gif);*/
			background-image: url(../../images/loading/opd-search-loader.gif);
			background-size: cover;
			margin: 5% 0;
			border-radius: 100%;
		}

#home-logo {
	margin: 3px 40px 0px 1px;
	width: 141px;
	height: 44px;
	display: inline-block;
	background-image: url(../../images/1.0/sprite.svg);
	text-indent: -9999px;
}

#auth-options {
	margin-top: 30px;
	display: inline-block;
	width: 100%;
	position: absolute;
	left: 0;
	overflow: hidden;
}

	#auth-options > span {
		color: #5C5C5C;
		display: inline-block;
		margin-top: 25px;
		margin-bottom: 20px;
	}
	#auth-options > div {
		height: 36px;
		position: relative;
		display: inline-block;
		width: 200%;
		text-align: center;
		float: left;
	}
		#auth-options > div > * {
			float: left;
			display: inline-block;
			width: 50%;
			left: 0;
			top: 0;
		}
		#auth-options > div > div > a {
			display: inline-block;
			width: 232px;
			border-radius: 3px;
			color: #FFF;
			text-align: center;
			text-decoration: none;

			overflow: hidden;
			position: relative;

			-webkit-transition: -webkit-transform 0.3s;
			-moz-transition: -moz-transform 0.3s;
			transition: transform 0.3s;

		}
			#auth-options > div > div > a > span {
				position: relative;
				display: inline-block;
				-webkit-transition: -webkit-transform 0.3s;
				-moz-transition: -moz-transform 0.3s;
				transition: transform 0.3s;
			}
			#auth-options > div > div > a > span::before {
				position: absolute;
				top: 100%;
				content: attr(data-action);
				font-weight: 700;
				-webkit-transform: translate3d(0,0,0);
				-moz-transform: translate3d(0,0,0);
				-ms-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}
			#auth-options > div > div > a:hover span,
			#auth-options > div > div > a:focus span {
				-webkit-transform: translateY(-100%);
				-moz-transform: translateY(-100%);
				-ms-transform: translateY(-100%);
				transform: translateY(-100%);
			}

	#auth-options > div input,
	#auth-options > div button {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	}
	#auth-options > div input[type=password] {
		margin-left: 15px;
	}
	#auth-options > div button[type=submit] {
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
		color: #FFF;
		height: 35px;
		line-height: 34px;
		padding: 0 30px;
		border-radius: 3px;
		cursor: pointer;
	}
	/*#auth-options > */#register button[type=submit] {
		margin-left: 15px;
		border: 1px solid #DB2471;
		background-color: #DB2471;
	}
		/*#auth-options > */#register button[type=submit]:hover,
		/*#auth-options > */#register button[type=submit].loading-working {
			background-color: #A3D064;
		}
		/*#auth-options > */#register button[type=submit] > span.loading {
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			margin-bottom: -1px;
			background-color: #223D51;
		}
	/*#auth-options > */#login button[type=submit] {
		margin-left: 15px;
		border: 1px solid #617482;
		background-color: #223D51;

	}
		/*#auth-options > */#login button[type=submit]:hover,
		/*#auth-options > */#login button[type=submit].loading-working {
			background-color: #396788;
		}
		/*#auth-options > */#login button[type=submit] > span.loading {
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			margin-bottom: -1px;
		}
	#auth-options > div input[type=text],
	#auth-options > div input[type=password] {
		border-radius: 3px;
		display: inline-block;
		width: 180px;
		height: 24px;
		line-height: 24px;
		border: 1px solid #D3D3D3;
		background-color: #F9FFF2;
		padding: 5px 10px;
	}

#register {
	
}
	#register > div > a {
		/*transition: background-color 0.3s ease;*/
		border: 1px solid #B1E171;
		background-color: #7BB233;
		height: 42px;
		line-height: 42px;
		font-size: 18px;
		text-transform: uppercase;
	}
		#register > div > a:hover {
			/*background-color: #9ED05B;*/
		}
#login {

}
	#login > div > a {
		/*transition: background-color 0.3s ease;*/
		border: 1px solid #657F93;
		background-color: #234157;  
		height: 32px;
		line-height: 32px;
		font-size: 16px;
	}
		#login > div > a:hover {
			/*background-color: #366485;*/
		}

/* General CSS loading */
button.loading {
	position: relative;
}
	button.loading > span.loading {
		background-color: #E4FC5E; /*color de la barra de progrés de botons */
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0%;
		height: 3px;
	}
.container[data-ajax-action] {
	position: relative;
}
	.container[data-ajax-action] .loading {
		display: inline-block;
		background-color: #C8317D; /* #223D51 */
		position: absolute;
		left: 0;
		bottom: 0;
		width: 0%;
		height: 3px;
	}

.container.danger[data-ajax-action] {
	border: 1px solid rgb( 240, 38, 38 ) !important;
}

.container.info[data-ajax-action] {
	border: 1px solid rgb( 36, 125, 246) !important;
}

.container.success[data-ajax-action] {
	border: 1px solid rgb( 92, 183, 3) !important;
}

.container.warning[data-ajax-action] {
	border: 1px solid rgb( 247, 171, 9) !important;
}

/* Modal CSS */
.modal {
	position: fixed;
	display: flex;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(34, 61, 81, .4);
	z-index: 99;
	text-align: left;
	flex-direction: column;
}
	.modal > .modal-content {
		max-width: 650px;
		min-width: 320px;
		margin: 9% auto 0 auto;
		background-color: #FFFFFF;
		border-radius: 3px;
		color: #717171;
	}
	body:not(.parent-admin) .modal > .modal-content {
		border-radius: 0px;
		border: 1px solid #A4A3A3;
	}
		.modal > .modal-content > .modal-header {
			margin: 0px 8px;
			border-bottom: 1px solid #CECECE;
		}
			.modal > .modal-content > .modal-header > .modal-title {
				height: 16px;
				line-height: 16px;
				margin-top: 10px;
				margin-bottom: 10px;
				padding-left: 6px;
				padding-right: 6px;
				display: inline-block;
				font-size: 18px;
				color: #696969
			}
			body:not(.parent-admin) .modal > .modal-content > .modal-header > .modal-title {
				text-transform: uppercase;
				font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
				font-size: 17px;
			}
			.modal > .modal-content > .modal-header > .modal-title {
				font-family: Lato;
				color: #353535;
			}
			.modal.danger > .modal-content > .modal-header > .modal-title {
				color: #666;
			}
			.modal.info > .modal-content > .modal-header > .modal-title {
				color: #000000;
			}
			.modal.success > .modal-content > .modal-header > .modal-title {
				color: #2B47A3;
			}
			.modal.warning > .modal-content > .modal-header > .modal-title {
				color: #2B47A3;
			}

		.modal > .modal-content > .modal-body {
			font-family: Lato;
			margin: 15px 14px;
			font-size: 14px;
			line-height: 20px;
		}
		body:not(.parent-admin) .modal > .modal-content > .modal-body {
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			font-size: 18px;
		}
		.modal > .modal-content > .modal-footer {
			text-align: right;
			padding: 5px 14px 15px 14px;
		}

.full {
	box-sizing: border-box;
	width: 100%;
}

/* Normal-buttons */
.btn {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	display: inline-block;
	height: 28px;
	font-size: 13px;
	line-height: 28px;
	padding: 0px 10px;
	border-radius: 3px;
	text-decoration: none;
	margin: 0 10px;
	cursor: pointer;
}
body:not(.parent-admin) .btn {
	font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
	font-size: 16px;
	border-radius: 0px;
	text-transform: uppercase;
}
	.btn.full {
		text-align: center;
		margin: 0;
	}
	.btn:hover {
		text-decoration: none;
	}
	.btn > i.icon {
		margin-top: 4px;
		margin-right: 4px;
		vertical-align: top;
	}
	.btn.btn-normal {
		color: #ABABAB;
		border: 1px solid rgba( 223, 223, 223, 0.4 );
		background-color: rgba( 248, 248, 248, 0.9 );
	}
		.btn.btn-normal:hover {
			color: #868686;
			border-color: rgba( 223, 223, 223, 1.0 );
			background-color: rgba( 248, 248, 248, 1.0 );
		}
	.btn.btn-danger {
		color: #666;
		border: 1px solid #666;
		background-color: white;
				padding-top:3px;

	}
		.btn.btn-danger:hover {
			border-color: #666;
			background-color: #666;
			color:white;
		}
	.btn.btn-info {
		color: #FFF;
		border: 1px solid #DB2471;
		background-color: #DB2471;
		padding-top:3px;
	}
		.btn.btn-info:hover {
			border-color: #DB2471;
			background-color: #DB2471;
		}
	.btn.btn-success {
		color: #FFF;
		border: 1px solid #2746A8;
		background-color: #2746A8;
				padding-top:3px;

	}
		.btn.btn-success:hover {
		border: 1px solid #DB2471;
		background-color: #DB2471;
		}
	.btn.btn-warning {
		color: #FFF;
		border: 1px solid rgba( 247, 171, 9, 0.4 );
		background-color: rgba( 247, 171, 9, 0.9 );
	}
		.btn.btn-warning:hover {
			border-color: rgba( 247, 171, 9, 0.8 );
			background-color: rgba( 247, 171, 9, 1.0 );
		}

/* Ex-buttons */
.btn-front {
	font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
	display: inline-block;
	font-size: 17px;
	line-height: normal;
	padding: 0px 8px;
	border-radius: 0px;
	text-decoration: none;
	margin: 0;
	cursor: pointer;
	min-width: 50px;
	text-align: center;
	font-weight: normal;
	box-sizing: border-box;
	text-transform: uppercase;
	padding-top: 9px;
	padding-bottom: 5px;
		color: #DB2471;

}


	.btn-left {
		float: left;
	}
	.btn-right {
		float: right;
	}
	.btn-front-full {
		width: 100%;
		margin-top: 28px;
		margin-bottom: 29px;
	}
	.btn-front.btn-front-white {
		line-height: normal;
		font-size: 14px;
		padding: 8px 7px 5px 7px;/* moc la alineacio vertical dins el botó */
		color: #2746A8;
		background-color: #FFFFFF;
		border: 1px solid #2746A8;
/* 
		gradiente borde 1:
 */
		/* 
box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5);
  border: solid 1px transparent;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #2B48A3, #DB2471);
  background-origin: border-box;
  background-clip: content-box, border-box;
  box-shadow: 2px 1000px 1px #fff inset;
 */

	}
		.btn-front.btn-front-white:hover,
		.btn-front.btn-front-white:active,
		.btn-front.btn-front-white.working {
			text-decoration: none;
			background-color: white;
					color: #DB2471;
							border: 1px solid #DB2471;


		}
	.btn-front.btn-front-blue {
		line-height: 19px;
		color: #FFFFFF;
		background-color: #DB2471;
		border: 1px solid white;
background-color:  #2B48A3;
  background-image:
    linear-gradient(
      to right,
       #2B48A3,
      #DB2471 90%
    );
	}
		.btn-front.btn-front-blue:hover,
		.btn-front.btn-front-blue:active,
		.btn-front.btn-front-blue.working {
			text-decoration: none;
			background-color: #DB2471;
			/*color:#FAEA50; groc (massa barsa?) */
/* 
			font-style:italic;
 */
		}
	
	.btn-front.btn-front-cosmos {
		line-height: 19px;
		color: #FFFFFF;
		background-color: #DB2471;
		border: 1px solid white;
background-color:  #2B48A3;
  background-image:
    linear-gradient(
      to right,
             #DB2471,#8E1F3C
 90%
    );
	}
		.btn-front.btn-front-cosmos:hover,
		.btn-front.btn-front-cosmos:active,
		.btn-front.btn-front-cosmos.working {
			text-decoration: none;
			background-color: #DB2471;
			/*color:#FAEA50; groc (massa barsa?) */
/* 
			font-style:italic;
 */
		}
	.btn-front.btn-front-green {
		line-height: 19px;
		color: #FFFFFF;
		border: 1px solid white;
background-color:  #2B48A3;
  background-image:
    linear-gradient(
      to right,
       #73B3C0,
      #19574C 90%
    );
	}
		.btn-front.btn-front-green:hover,
		.btn-front.btn-front-green:active,
		.btn-front.btn-front-green.working {
			text-decoration: none;
			background-color: #DB2471;
			/*color:#FAEA50; groc (massa barsa?) */
/* 
			font-style:italic;
 */
		}

	.btn-front.btn-front-grana {
		line-height: 19px;
		color: #FFFFFF;
		border: 1px solid white;
background-color:  #2B48A3;
  background-image:
    linear-gradient(
      to right,
      #73B3C0,#8E1F3C 90%
    );
	}
		.btn-front.btn-front-grana:hover,
		.btn-front.btn-front-grana:active,
		.btn-front.btn-front-grana.working {
			text-decoration: none;
			background-color: #DB2471;
			/*color:#FAEA50; groc (massa barsa?) */
/* 
			font-style:italic;
 */
		}


	.btn-front.btn-front-blue-invers {
		line-height: 19px;
		color: #FFFFFF;
		background-color: #DB2471;
		border: 1px solid white;
background-color:  #2B48A3;
  background-image:
    linear-gradient(
      to right,
       #999,
      #999 90%
    );
	}
	
		
		.btn-front.btn-front-blue-invers:hover,
		.btn-front.btn-front-blue-invers:active,
		.btn-front.btn-front-blue-invers.working {
			text-decoration: none;
			background-color: #666;
			/*color:#FAEA50; groc (massa barsa?) */
/* 
			font-style:italic;
 */
		}

.btn-ex {
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	font-size: 15px;
	height: 30px;
	line-height: 28px;
	padding: 0px 20px;
	border-radius: 4px;
	text-decoration: none;
	margin: 0 10px;
	cursor: pointer;
	min-width: 71px;
	text-align: center;
	font-weight: bold;
}
	.btn-ex-url {
		font-weight: normal;
		background-color: transparent;
		border: 0;
		height: auto;
		display: inline-block;
		line-height: 20px;
		min-width: 0;
	}
		.btn-ex.btn-ex-url:hover {
			text-decoration: underline;
		}
	.btn-ex > .icon {
		vertical-align: top;
		margin-top: 7px;
		margin-left: -3px;
		margin-right: 1px;
	}
	.btn-ex:hover {
		text-decoration: none;
	}
	.btn-ex.small {
		height: 25px;
		line-height: 24px;
	}
	.btn-ex.btn-ex-success {
		color: #FFF;
		background-color: #38B475;
		border: 1px solid #44B26A;
	}
		.btn-ex.btn-ex-success:hover {
			background-color: #4DD48F;
		}
		.btn-ex.btn-ex-success:active,
		.btn-ex.btn-ex-success.working {
			background-color: #4DD48F;
		}
	.btn-ex.btn-ex-info {
		color: #FFF;
		border: 1px solid #376384;
		background-color: rgba(34, 61, 81, 0.9);
	}
		.btn-ex.btn-ex-info:hover {
			background-color: rgba(34, 61, 81, 1.0);
		}
		.btn-ex.btn-ex-info:active,
		.btn-ex.btn-ex-info.working {
			border-top: 1px solid #193244;
		}
	.btn-ex.btn-ex-danger {
		color: #FFF;
		border: 1px solid #CE0F0F;
		background-color: rgba(240, 38, 38, 1.0);
	}
		.btn-ex.btn-ex-danger:hover {
			background-color: rgba(240, 38, 38, 0.9);
		}
		.btn-ex.btn-ex-danger:active,
		.btn-ex.btn-ex-danger.working {
			border-top: 1px solid #910B0B;
		}
	.btn-ex.btn-ex-normal {
		color: #A3A3A3;
		border: 1px solid #B3B3B3;
		background-color: #FFFFFF;
	}
		.btn-ex.btn-ex-normal:hover {
			border: 1px solid #B3B3B3;
			background-color: #F4F4F4;
		}
		.btn-ex.btn-ex-normal:active,
		.btn-ex.btn-ex-normal.working {
			border: 1px solid #B3B3B3;
			background-color: #F4F4F4;
		}

/* Input controls */
input.danger,
textarea.danger,
select.danger {
	border: 1px solid rgb( 240, 38, 38 ) !important;
}

input.info,
textarea.info,
select.info {
	border: 1px solid rgb( 36, 125, 246) !important;
}

input.success,
textarea.success,
select.success {
	border: 1px solid rgb( 92, 183, 3) !important;
}

input.warning,
textarea.warning,
select.warning {
	border: 1px solid rgb( 247, 171, 9) !important;
}

b,
strong {
	font-weight: 600;
}

a,
a:active, .as-link {
	color: #2746A8;
}
a, a:active {
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}

.top-padding {
	padding-top: 10px;
}

.double-top-padding {
	padding-top: 20px;
}

/*
	- NORMAL        #FAFAFA rgb( 250, 250, 250 )
	- DANGER        #F02626 rgb( 240, 38, 38 )
	- INFO          #247DF6 rgb( 36, 125, 246 )
	- SUCCESS       #5CB703 rgb( 92, 183, 3 )
	- WARNING       #F7AB09 rgb( 247, 171, 9 )
*/

/* Scrolls */

.dynamic-scroll-holder {
	position: absolute;
	top: 1%;
	right: 3px;
	bottom: 0%;
	width: 7px;
	height: 98%;
	border-radius: 4px;
	cursor: default;

	-webkit-transition: width 0.2s ease, background-color 0.2s ease;
	-moz-transition: width 0.2s ease, background-color 0.2s ease;
	transition: width 0.2s ease, background-color 0.2s ease;
}
	.dynamic-scroll-holder.full-height {
		display: none;
	}
	.dynamic-scroll-holder:hover,
	.dynamic-scroll-holder:hover > .scroll-bar,
	.dynamic-scroll-holder.active,
	.dynamic-scroll-holder.active > .scroll-bar {
		width: 12px;
	}
	.dynamic-scroll-holder:hover,
	.dynamic-scroll-holder.active {
		border: 0px solid transparent;
		background-color: #EAEAEA;
	}
	.dynamic-scroll-holder > .scroll-bar.animate-move {
		-webkit-transition: width 0.3s ease, background-color 0.2s ease, height 0.2s ease, top 0.2s ease;
		-moz-transition: width 0.3s ease, background-color 0.2s ease, height 0.2s ease, top 0.2s ease;
		transition: width 0.3s ease, background-color 0.2s ease, height 0.2s ease, top 0.2s ease;
	}
	.dynamic-scroll-holder > .scroll-bar {
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: #DB2471;
		width: 7px;
		height: 100%;
		border-radius: 4px;
		-webkit-transition: width 0.3s ease, background-color 0.2s ease, height 0.2s ease;
		-moz-transition: width 0.3s ease, background-color 0.2s ease, height 0.2s ease;
		transition: width 0.3s ease, background-color 0.2s ease, height 0.2s ease;
	}
		.dynamic-scroll-holder:hover > .scroll-bar,
		.dynamic-scroll-holder.active > .scroll-bar {
			background-color: #DB2471;
		}
/* Selects */
.dynamic-select {
	float: left;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: relative;
	width: 200px;
}
	.dynamic-select > .dynamic-current {
		border-radius: 4px;
		cursor: pointer;
		width: 100%;
		background-color: #fafafa;
		border: 1px solid #ebebeb;
		height: 30px;
		line-height: 30px;
		color: #242424;
		position: relative;

	}
		.dynamic-select.dynamic-focus > .dynamic-current {
			border-color: #DB2471;
		}
		.dynamic-select > .dynamic-current > .title {
			font-weight: 600;
			font-size: 14px;
			line-height: 14px;
			height: 30px;
			padding: 0px 25px 0px 14px;
			box-sizing: border-box;
			overflow: hidden;
			display: flex;
			align-items: center;
		}
		.dynamic-select > .dynamic-current > .title > span {
			display: inline-block;
		}
		.dynamic-select > .dynamic-current > .title .icon {
			vertical-align: top;
			margin-right: 4px;
			margin-top: 5px;
		}
		.dynamic-select > .dynamic-current > .icon {
			display: inline-block;
			position: absolute;
			right: 10px;
			top: 15px;
			height: 4px;
			transform: scale(2);
			-webkit-transform: scale(2);
			width: 9px;
			background-image: url(../../images/1.0/sprite.svg);
			background-position: 23px -24px;
		}
			.dynamic-select:hover > .dynamic-current > .icon,
			.dynamic-select.dynamic-focus > .dynamic-current > .icon {
				transform: scale(1.6);
				top: 14px;
				-webkit-transform: scale(1.6);
				background-position: 23px -29px;
			}
	.dynamic-select > .dynamic-items {
		width: 100%;
		display: inline-block;
		visibility: hidden;
		border: 1px solid #DB2471;
		color: #3D3D3D;
		background-color: #FFF;
		position: absolute;
		z-index: 98;
		top: 31px;
		left: 0;
	}
		.dynamic-select > .dynamic-items > .dynamic-items-container {
			position: relative;
			display: inline-block;
			max-height: 173px;
			overflow: hidden;
		}
		.dynamic-select > .dynamic-items .dynamic-group {

		}
			.dynamic-select > .dynamic-items .dynamic-group > .dynamic-title {
				cursor: default;
				line-height: 28px;
				display: inline-block;
				width: 100%;
				background: #fafafa; /* Old browsers */
				background: -moz-linear-gradient(top,  #fafafa 0%, #f1f1f1 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #fafafa 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #fafafa 0%,#f1f1f1 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #fafafa 0%,#f1f1f1 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #fafafa 0%,#f1f1f1 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */

			}
				.dynamic-select > .dynamic-items .dynamic-group > .dynamic-title > .dynamic-name {
					line-height: 22px;
					display: inline-block;
					font-size: 14px;
					padding: 0 14px;
					font-weight: 600;
				}
		.dynamic-select > .dynamic-items .dynamic-item {
			cursor: pointer;
			line-height: 22px;
			display: inline-block;
			width: 100%;
		}
			.dynamic-select > .dynamic-items .dynamic-item > span:last-child {
				border-bottom: 1px solid #E5E5E5;
			}
			.dynamic-select > .dynamic-items .dynamic-item:last-child > span:last-child {
				border-bottom: 0;
			}
			.dynamic-select > .dynamic-items .dynamic-item:hover,
			.dynamic-select > .dynamic-items .dynamic-item.selected {
				color: #DB2471;
			}
			.dynamic-select > .dynamic-items .dynamic-item:hover {
				background-color: #F8F8F8;
			}
			.dynamic-select > .dynamic-items .dynamic-item.selected {
				background-color: #f7f9fe;
			}
			.dynamic-select > .dynamic-items .dynamic-item > .dynamic-name {
				font-weight: 600;
				line-height: 18px;
				display: block;
				font-size: 14px;
				padding: 5px 0;
				margin: 0 14px;
			}
				.dynamic-select > .dynamic-items .dynamic-item > .dynamic-name > span {
					vertical-align: top;
				}
				.dynamic-select > .dynamic-items .dynamic-item > .dynamic-name > .icon {
					vertical-align: top;
					margin-right: 4px;
				}
			.dynamic-select > .dynamic-items .dynamic-item > .dynamic-desc {
				font-size: 12px;
				line-height: 16px;
				color: #A1A1A1;
				margin: 0 14px;
				padding-bottom: 5px;
				display: block;
			}
	.dynamic-select.dynamic-focus > .dynamic-items {
		visibility: visible;
	}

/* Lists */
ul.normal {
	list-style: disc;
	padding-left: 20px;
}

/* Just debug */
#debug {
	font-family: Arial, Helvetica, sans-serif;
	z-index: 5;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #F2F2F2;
	color: #787878;
	font-size: 12px;
	display: flex;
	justify-content: center;
}
	#debug > div {
		height: 24px;
		width: 100%;
		max-width: 800px;
		display: flex;
		justify-content: space-around;
	}
	#debug > div > span {
		display: inline-block;
		line-height: 24px;
	}
	
	#debug {
/* 
	display: none;
 */
}
/* 
	body.parent-home #debug,

	body:not(.user-admin) #debug {
		display: none;
	}
 */
/* 
	body.user-admin:not(.parent-home) #footer {
		box-sizing: border-box;
		padding-bottom: 30px;
	}
 */

#inline-copyright {
	font-family: 'Roboto', sans-serif;
	display: inline-block;
	text-align: center;
	margin: 10.0vmin 0px;
	color: #B4B4B4;
	font-size: 12px;
	width: 100%;
}
#footer.footer.logged > #inline-copyright {
	margin: 0;
}
	#inline-copyright a {
		color: #898A87;
	}
	#inline-copyright .icon.heart {
		position: relative;
		top: 2px;
		zoom: 0.85;
		-moz-transform: scale(0.85);
		-webkit-transform: scale(0.85);
	}

/* Registration */
.register-message {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
	justify-content: center;
}
	.register-message:last-child {
		margin-bottom: 25px;
	}
	.register-message > span {
		line-height: 30px;
		margin-right: 7px;
		margin-left: 7px;
	}
	.register-message > span,
	.register-message > a {
		vertical-align: top;
	}
.auth-form {
	margin: 0 auto;
	background-color: #FFF;
	padding: 0px 0px 10px 0px;
	margin-top: 40px;
	margin-bottom: 30px;
	text-align: left;
}
	.auth-form .bool-input-label {
		display: flex;
		justify-content: start;
		align-items: center;
		margin-bottom: 15px;
	}
	.auth-form .bool-input-label > .label {
		box-sizing: border-box;
		flex: 1;
		margin-left: 5px;
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		font-size: 23px;
		text-transform: none;
	}
	.auth-form .bool-input-label > .input {
		margin-left: 0px;
		float: left;
	}
	.auth-form .btn-ex.btn-ex-url {
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		margin-top: 20px;
		font-size: 18px;
		display: inline-block;
		color: #3D3D3D;
	}
	.auth-form > h3 {
		text-transform: uppercase;
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		margin: 0 10px 10px 10px;
		padding: 10px 0px 5px 0px;
		line-height: 20px;
		font-size: 20px;
		text-align: center;
		font-weight: 300;
	}
		.auth-form > h3 > .icon {
			display: none;
			vertical-align: top;
			margin-left: 10px;
		}
	.auth-form input,
	.auth-form .dynamic-select {
		display: block;
		margin: 0 auto;
	}

	.auth-form .dynamic-select {
		font-family: Arial, Helvetica, sans-serif;
		text-align: left;
		width: 234px;
		float: none;
	}
	.auth-form input[type=text],
	.auth-form input[type=password] {
		box-sizing: border-box;
		border-radius: 0px;
		display: block;
		width: 100%;
		max-width: 310px;
		font-size: 23px;
		line-height: normal;
		border: 1px solid #F8F8F8;
		background-color: #F8F8F8;
		color:#666;
		padding: 3px 10px;
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	}

	.auth-form input[type=text][readonly],
	.auth-form input[type=password][readonly] {
		background-color: #F5F5F5;
	}

	.auth-form .section-submit {
		text-align: center;
	}

	/*.auth-form input,*/
	.auth-form button {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;		
	}
	.auth-form input:not(.input-bool),
	.auth-form input:not(.input-bool-registro),
	.auth-form .dynamic-select {
		margin-bottom: 15px;
	}

	.auth-form .disclaimer {
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
		box-sizing: border-box;
		padding: 0 10px;
		width: 282px;
		font-size: 12px;
		line-height: 14px;
		color: #777;
		display: inline-block;
		margin-top: 10px;
		margin-bottom: 10px;
	}
		.auth-form .disclaimer a {
			font-size: 12px;
			line-height: 14px;
			color: #777;
			text-decoration: underline;
		}
	.auth-form button[type=submit] {
		box-sizing: border-box;
		-webkit-transition: background-color 0.3s ease;
		-moz-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;

		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;

		max-width: 310px;
		width: 100%;
		color: #FFF;
		height: 48px;
		line-height: 26px;
		font-size: 20px;
		letter-spacing:1px
/* 
		padding: 0 0px;
 */
		cursor: pointer;
		color: #FFF;
		background-color: #DB2471;
		border: 0;
		border-radius: 0px;
		text-transform: uppercase;
		margin: 0px;
	}
		.auth-form button[type=submit]:hover,
		.auth-form button[type=submit].loading-working {
			background-color: #276AA8;
		}
		.auth-form button[type=submit] > span.loading {
			margin-bottom: -1px;
			background-color: #276AA8;
		}

/* Social Body Bar */
body:not(.parent-admin) #web .base-size_registrar {
	/*width: 926px;
	padding-left: 59px;
	box-sizing: border-box;*/
/* 
	width: 1000px;
	padding-left: 310px;
 */
/* 
	box-sizing: border-box;
 */
}

body:not(.parent-admin) #web .base-size {
	/*width: 926px;
	padding-left: 59px;
	box-sizing: border-box;*/
	width: 1000px;
	padding-left: 310px;
	box-sizing: border-box;
}
/* Social Header */
#top-bar {
	position: relative;
}
#main-menu-container {
	overflow: hidden;
	position: absolute;
	top: 48px;
	left: 5px;
	display: inline-block;
	height: 3000px;
	z-index: 95;
	/*213*/
	-webkit-transform: translate3d(0%, 0, 0);
	-moz-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
	transition-duration: 400ms;
	-webkit-transition-property: -webkit-transform, width;
	-moz-transition-property: -moz-transform, width;
	transition-property: transform, width;
}

	#main-menu {
		padding: 9px 12px;
		width: 60px;
		position: relative;
		margin-top: 16px;
		display: inline-block;
		background-color: #FFF;
		border: 1px solid #EBEBEB;
		border-radius: 5px;
		box-sizing: border-box;
		-webkit-transition: width 0.3s;
		-moz-transition: width 0.3s;
		transition: width 0.3s;
	}
		#main-menu > * {
			float: left;
			display: inline-block;
		}

		#main-menu-items {
			width: 100%;
			display: inline-block;
			padding: 0;

		}
			#main-menu-items > li {
				width: 35px;
				height: 135px;
				text-align: center;
				margin-bottom: 5px;
				background-color: #FFF;
				border-radius: 5px;
				-webkit-transition: all 0.2s;
				-moz-transition: all 0.2s;
				transition: all 0.2s;
				box-sizing: border-box;
			}
			
				#main-menu-items > li:hover,
				#main-menu-items > li.active {
					background-color: #F7F7F7;
					/*border: 1px solid #DB2471;*/
				}
				#main-menu-items > li > a {
					display: inline-block;
					width: 35px;
					height: 35px;
					box-sizing: border-box;
				}

					#main-menu-items > li > a > i {
						background-image: url(../../images/1.0/sprite.svg);
						display: inline-block;
						width: 20px;
						height: 20px;
						margin-top: 6px;
					}
						#main-menu-items > li.home-u > a > i {
							background-position: 0px -117px;
						}
							#main-menu-items > li.home-u.active > a > i {
								background-position: 0px -137px;
							}
						#main-menu-items > li.events > a > i {
							background-position: -20px -117px;
						}
							#main-menu-items > li.events.active > a > i {
								background-position: -20px -137px;
							}
						#main-menu-items > li.communities > a > i {
							background-position: -40px -117px;
						}
							#main-menu-items > li.communities.active > a > i {
								background-position: -40px -137px;
							}
						#main-menu-items > li.discover > a > i {
							background-position: -60px -117px;
						}
							#main-menu-items > li.discover.active > a > i {
								background-position: -60px -137px;
							}
						#main-menu-items > li.marketplace > a > i {
							background-position: -80px -117px;
						}
							#main-menu-items > li.marketplace.active > a > i {
								background-position: -80px -137px;
							}
						#main-menu-items > li.gradebook > a > i {
							background-position: -100px -117px;
						}
							#main-menu-items > li.gradebook.active > a > i {
								background-position: -100px -137px;
							}
						#main-menu-items > li.admin > a > i {
							background-position: -120px -117px;
						}
							#main-menu-items > li.admin.active > a > i {
								background-position: -120px -137px;
							}
						#main-menu-items > li.emergencies > a > i {
							background-position: -140px -117px;
						}
							#main-menu-items > li.emergencies.active > a > i {
								background-position: -140px -137px;
							}
					#main-menu-items > li > a > span {
						display: none;
						color: #717171;
						opacity: 0.0;
						-webkit-transition: opacity 0.3s;
						-moz-transition: opacity 0.3s;
						transition: opacity 0.3s;
						height: 0px;
						width: 0px;
						color: #B4B4B4;
					}
					#main-menu-items > li.active > a > span {
						color: #DB2471;
					}
#auth-block {
	display: inline-block;
	vertical-align: top;
	float: right;
	margin-right: 1px;
}
	#register-button {
		text-decoration: none;
		color: #FFF;
		font-size: 14px;
		display: inline-block;
		margin-top: 9px;
		margin-right: 9px;
		height: 30px;
		width: 101px;
		line-height: 31px;
		font-weight: 600;

		background-color: #47BD81;
		text-align: center;
		border-radius: 3px;
		box-shadow: 0px 0px 1px 1px #A2DC56, 0px 1px 0px #D4EAB8 inset;
	}
	#login-button {
		font-size: 14px;
		color: #3D3D3D;
		display: inline-block;
		line-height: 18px;
		height: 18px;
		margin-top: 16px;
		margin-left: 9px;
	}
	#auth-block > span {
		font-size: 14px;
		display: inline-block;
		line-height: 18px;
		height: 18px;
		margin-top: 16px;
		color: #AFAFAF;
		font-size: 14px;
		font-style: italic;
	}
#top-main-menu {
	position: relative;
	z-index: 1;
	height: 50px;
	background-color: #FFF;
}
#home {
	margin-left: 3px;
	float: left;
	display: inline-block;
	position: relative;
}
	#logo {
		height: 43px;
	}
body.parent-admin #web {
	padding-top: 50px;
}

#main-menu-admin-url {
	margin-top: 7px;
}

#user {
	float: right;
}

#header {
	background-color: #FFF;
	position: fixed;
	height: 50px;
	display: inline-block;
	float: left;
	width: 100%;
	z-index: 99;
	left: 0;
	top: 0;
}
	#header > #loading-bar {
		height: 4px;
		display: inline-block;
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 0;
		background-color: #0093BF;
		z-index: 99;
	}
		#header > #loading-bar > span {
			position: absolute;
			left: 0;
			top:  0;
			height: 4px;
			display: inline-block;
			background-color: #223D51;
		}
/** Pages CSS **/
/* About */
body.page-about {
	background-image:none;
}
	body.page-about #page-content {
		max-width: none;
	}

.no-bg {
	background: none !important;
}

#profile-menu {
	display: inline-block;
	vertical-align: top;
}
	#profile-menu .drop-label {
		height: 46px;
		line-height: 46px;
		box-sizing: border-box;
		padding: 0px 10px 0px 10px;
	}
		#profile-menu .drop-label > .name {
			color: #3D3D3D;
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
		}
		#profile-menu .drop-label > .icon {
			display: inline-block;
			vertical-align: top;
			margin-top: 20px;
			margin-left: 9px;
		}

	#profile-sub-menu {
		border-radius: 5px;
	}

	#profile-sub-menu.dynamic-focus {
		/*void*/
	}
	#profile-sub-menu.dynamic-focus > .drop-label > .icon,
	#profile-sub-menu.dynamic-focus:hover > .drop-label > .icon {   
		background-position: -478px -40px;
	}   
		#profile-sub-menu:hover > .drop-label > .icon {
			background-position: -478px -40px;
		}
	#profile-menu .menu-holder {
		position: absolute;
		width: 160px;
		text-align: left;
		z-index: 998;
		top: 40px;
		right: -5px;
		padding-top: 2px;
		visibility: hidden;
		display: inline-block;
	}
		#profile-menu #profile-sub-menu.dynamic-focus .menu-holder {
			visibility: visible;
			top: 56px;
			-webkit-transition: top 0.2s;
			-moz-transition: top 0.2s;
			transition: top 0.2s;
		}
		#profile-menu .menu {
			position: relative;
			border-radius: 3px;
			background-color: #FFF;
			border: 1px solid #B4B4B4;
			width: 100%;
			display: inline-block;
			padding: 10px 0px;
		}
		#profile-menu .menu-holder > span.arrow {
			top: -4px;
			right: 3%;
			width: 10px;
			height: 10px;
			display: inline-block;
			position: absolute;
			z-index: 999;
			background-color: #FFF;
			border-top: 1px solid #EBEBEB;
			border-right: 1px solid #EBEBEB;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		#profile-menu .menu {
			position: relative;
			border-radius: 5px;
			background-color: #FFF;
			border: 1px solid #EBEBEB;
			box-shadow: #E4E4E4 0px 2px 0px 0px;
			width: 100%;
			display: inline-block;
			padding: 5px 0px;
		}
			/*#profile-menu:hover > .menu {
				display: inline-block;
			}*/
			#profile-menu .menu > li {
				position: relative;
				display: inline-block;
				left: 0;
				width: 100%;
				height: 32px;
				line-height: 32px;
				padding-left: 20px;
				box-sizing: border-box;
			}
				#profile-menu .menu > li:hover,
				#profile-menu .menu > li.active {
					background-color: #FBFBFB;
					box-shadow: none ;
				}

				#profile-menu .menu > li > a {
					text-decoration: none;
					display: inline-block;
					width: 100%;
					height: 100%;
					color: #B4B4B4;
					font-size: 14px;
					line-height: 15px;
				}
					#profile-menu .menu > li:hover > a,
					#profile-menu .menu > li.active > a {
						color: #DB2471;
					}

					#profile-menu .menu > li > a > i {
						left: 10px;
						top: 8px;
						position: absolute;
						display: inline-block;
						background-image: url(../../images/1.0/sprite.svg);
						width: 14px;
						height: 15px;
					}
					#profile-menu .menu > li > a > span {
						padding-left: 12px;
					}
					#profile-menu .menu > li.profile > a > i {
						 background-position: -372px -44px;
					}
						#profile-menu .menu > li.profile:hover > a > i {
							background-position: -372px -59px;
						}
					#profile-menu .menu > li.settings > a > i {
						background-position: -387px -44px;
					}
						#profile-menu .menu > li.settings:hover > a > i {
							background-position: -387px -59px;
						}
					#profile-menu .menu > li.group-create > a > i {
						background-position: -402px -44px;
					}
						#profile-menu .menu > li.group-create:hover > a > i {
							background-position: -402px -59px;
						}
					#profile-menu .menu > li.event-create > a > i {
						background-position: -417px -44px;
					}
						#profile-menu .menu > li.event-create:hover > a > i {
							background-position: -417px -59px;
						}
					#profile-menu .menu > li.logout > a > i {
						background-position: -432px -44px;
					}
						#profile-menu .menu > li.logout:hover > a > i {
							background-position: -432px -59px;
						}

.editable {
	word-wrap: break-word;
	white-space: pre-wrap;
}
	.editable > .new-line {
		display: block;
		line-height: 18px;
	}
	body:not([browser-name=msie]) .editable > .new-line { /* Prevent resize IE9-11 */
		min-height: 18px;
	}

/* Profile Links */
.profile-url {
	display: inline-block;
}

/* Backgrounds */
.background-photo {
	display: inline-block;
	background-color: #223D51;
	color: #FFF;
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 1px solid #F2F2F2;
}
	.background-photo.no-image {
		
	}
		.background-size-915-180,
		.background-size-960-960 {
			width: 915px;
			height: 180px;
		}

		.background-size-876-180 {
			width: 876px;
			height: 180px;
		}

		.background-size-420-150 {
			width: 420px;
			height: 150px;
		}

/* Avatars */
.avatar-photo.group {
	background-color: #DB2471;
}
.avatar-photo {
	border-radius: 100%;
	width: 100%;
	display: inline-block;
	background-color: #DB2471;
	color: #FFF;
	margin: 0;
	padding: 0;
	vertical-align: top;
	border: 1px solid #F2F2F2;
	position: relative;
}
	.avatar-photo.image-preload img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 100%;
	}
	.avatar-photo:not(.no-image),
	.avatar-photo.hide-tag {
		text-indent: -9999px;
	}
	.avatar-photo.no-image {
		text-align: center;
	}
		.avatar-size-150 {
			font-size: 90px;
			line-height: 150px;
			width: 150px;
			height: 150px;
		}
		.avatar-size-60 {
			font-size: 40px;
			line-height: 60px;
			width: 60px;
			height: 60px;
		}
		.avatar-size-50 {
			font-size: 30px;
			line-height: 50px;
			width: 50px;
			height: 50px;
		}
		.avatar-size-40 {
			font-size: 24px;
			line-height: 40px;
			width: 40px;
			height: 40px;
		}
		.avatar-size-35 {
			font-size: 20px;
			line-height: 35px;
			width: 35px;
			height: 35px;
		}
		.avatar-size-32 {
			font-size: 20px;
			line-height: 32px;
			width: 32px;
			height: 32px;
		}
		.avatar-size-28 {
			font-size: 16px;
			line-height: 28px;
			width: 28px;
			height: 28px;
		}
		.avatar-size-20 {
			font-size: 12px;
			line-height: 20px;
			width: 20px;
			height: 20px;
		}
		.avatar-size-30 {
			font-size: 12px;
			line-height: 30px;
			width: 30px;
			height: 30px;
		}

/* Messages */
.msg {
	display: inline-block;
	width: 100%;
	text-align: left;
	margin: 15px 0px;
	background-color: #F9FFF2;
	border-radius: 3px;
	border: 1px solid #D3D3D3;
	/* #EAEDE6 */
	padding: 6px 10px;
	box-sizing: border-box;
	color: #636461;
	font-size: 14px;
	position: relative;
	box-shadow: 0px -1px 0px #EAEAEA, 0px -1px 0px #EAEAEA inset, 1px 0px 0px #EAEAEA inset, -1px 0px 0px #EAEAEA inset;
}
	.msg > span {
		position: absolute;
		float: left;
		display: inline-block;
		width: 16px;
		height: 16px;
		background-image: url(../../images/1.0/sprite.svg);
		vertical-align: top;
		top: 8px;
		left: 15px;
	}
	.msg > ul {
		box-sizing: border-box;
		padding-left: 25px;
		float: left;
		display: inline-block;
		vertical-align: top;
		line-height: 20px;
		border-left: 1px solid #C1C5BC;
	}
		.msg > ul > li {
			max-width: 950px;
			line-height: 20px;
		}
	.msg.danger > span {
		background-position: 0px -98px;
	}
	.msg.info > span {
		background-position: -16px -98px;
	}
	.msg.success > span {
		background-position: -32px -98px;
	}
	.msg.warning > span {
		background-position: -48px -98px;
	}

/* Tabs */
.tab-content {
	position: relative;
	min-height: 60px;
	background-color: #fff;
}
	.tab-content > .tab-loading {
		display: inline-block;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
	}
		.tab-content > .tab-loading.active {
			display: inline-block;
		}
		.tab-content > .tab-loading > span {
			display: inline-block;
			height: 27px;
			width: 27px;
			/*background-image: url(../../images/loading/27x27.gif);*/
			background-image: url(../../images/loading/opd-search-loader.gif);
			background-size: cover;
			margin: 5% 0;
			border-radius: 100%;
		}
.page {
	padding-top: 16px;
}

/* Default Tabs CSS */
/*#FAFAFA*/
.tabs-container-default {
	background-color: #FAFAFA;
	border: 1px solid #F2F2F2;
	display: inline-block;
	width: 100%;
}

.local-view .tabs-container-default-left {
	border: 0;
}

.tabs-container-default-left {
	background-color: #F8F8F8;
	border: 1px solid #EBEBEB;
	display: inline-block;
	border-radius: 5px;
	width: 100%;
	box-sizing: border-box;
}

	.tabs-container-default-left > .tabs-menu-container {
		border-radius: 5px 5px 0px 0px;
		overflow: hidden;
	}
body.parent-admin .tabs-container-default-full {
	background-color: #F8F8F8;
	border: 1px solid #EBEBEB;
}
.tabs-container-default-full {
	display: inline-block;
	border-radius: 2px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
}

.tabs-menu-default,
.tabs-menu-default-left,
.tabs-menu-default-full {
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
	border-bottom: 1px solid #F2F2F2;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tabs-menu-default-left {
	width: 225px;
}

.tabs-menu-default {
	width: 100%;
}

.tab-info-name {
	display: none;
}

.tabs-menu-default-left {
	width: 197px;
	background-color: #F8F8F8;
}
	.tabs-menu-default-left ul {
		padding-left: 40px;
		width: 100%;
		box-sizing: border-box;
	}

	.tabs-menu-default-left li.has-sub {
		position: relative;
	}
		.tabs-menu-default-left li.has-sub > a:before {
			height: 6px;
			width: 8px;
			position: absolute;
			content: '';
			right: 10px;
			top: 14px;
			z-index: 1;
			background-image: url(../../images/1.0/sprite.svg);
			background-position: 22px -34px;
			/*transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);*/
			transition: all 0.3s linear;
			-webkit-transition: all 0.3s linear;
		}
			.tabs-menu-default-left li.has-sub.active > a:before {
				transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				transition: all 0.3s linear;
				-webkit-transition: all 0.3s linear;
			}

		.tabs-menu-default-left li.has-sub ul {
			max-height: 0;
			overflow: hidden;
			float: left;
			transition: max-height 0.3s ease-out;
			-moz-transition: max-height 0.3s ease-out;
			-webkit-transition: max-height 0.3s ease-out;

		}

	.tabs-menu-default-left li.has-sub.active {
		background-color: #fff;
	}

		.tabs-menu-default-left li.has-sub.active ul {      
			box-sizing: border-box;
			width: 100%;
			max-height: 500px;
			transition: max-height 0.3s ease-in;
			-moz-transition: max-height 0.3s ease-in;
			-webkit-transition: max-height 0.3s ease-in;

		}

	.tabs-menu-default-left li:first-child {
		/*border-top: 1px solid #EBEBEB;*/
	}
	.tabs-menu-default-left li {
		box-sizing: border-box;
		display: inline-block;
		float: left;
		width: 100%;
		border-bottom: 1px solid #EBEBEB;
		box-shadow: 0px 1px 0px #FFFFFF;
		/*margin-bottom: 1px;*/
	}

		.tabs-menu-default-left .tabs-menu-sub li.parent-item {
			border: 0;
		}

		.tabs-menu-default-left .tabs-menu-sub li.parent-item > a > i {
			width: 5px;
			height: 5px;
			border-radius: 100%;
			display: inline-block;
			background-color: #2746A8;
			vertical-align: middle;
			margin-right: 5px;
		}


	.tabs-menu-default-left li:last-child {
		margin-bottom: 0px;
		box-shadow: none;   
	}
	.tabs-menu-default-left li.static,
	.tabs-menu-default-left li.uri > a {
		color: #ABABAB;
		/*background-color: #F7F7F7;*/
		line-height: 19px;
		padding: 6px 30px 6px 14px;
	}
	.tabs-menu-default-left > li.static,
	.tabs-menu-default-left > li.uri > a {
		font-size: 14px;
	}
	.tabs-menu-default-left > li li.static,
	.tabs-menu-default-left > li li.uri > a {
		font-size: 12px;
	}
	.tabs-menu-default-left li.static,
	.tabs-menu-default-left li.uri > a {
		position: relative;
		display: block;
		cursor: pointer;
		text-decoration: none;
		line-height: 22px;
	}
		.tabs-menu-default-left > li.uri > a
		.tabs-menu-default-left > li.static:hover,
		.tabs-menu-default-left > li.static.active,
		.tabs-menu-default-left > li.uri:hover > a,
		.tabs-menu-default-left > li.uri.active > a {
			color: #2746A8;
			background-color: #FFF;
			/*box-shadow: 2px 0px 0px #2746A8 inset;*/

		}
		.tabs-menu-default-left > li li.uri > a
		.tabs-menu-default-left > li li.static:hover,
		.tabs-menu-default-left > li li.static.active,
		.tabs-menu-default-left > li li.uri:hover > a,
		.tabs-menu-default-left > li li.uri.active > a {
			color: #2746A8;
			background-color: #FFF;
			/*box-shadow: 2px 0px 0px #223D51 inset;*/
		}
.tabs-menu-default-full {
	width: 100%;
	background-color: #FEFEFE;
	border: 0;
	/*border: 1px solid #EBEBEB;
	border-radius: 2px;
	margin: 10px 0px 0px 0px;*/
	display: flex;
	justify-content: space-between;
}
	.tabs-menu-default-full > li {
	}
	.tabs-menu-default-full li.has-sub {
		position: relative;
	}
		.tabs-menu-default-full li.has-sub > a:before {
			height: 6px;
			width: 8px;
			position: absolute;
			content: '';
			right: 10px;
			top: 14px;
			z-index: 1;
			background-image: url(../../images/1.0/sprite.svg);
			background-position: 22px -34px;
			/*transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);*/
			transition: all 0.3s linear;
		}
			.tabs-menu-default-full li.has-sub.active > a:before {
				transform: rotate(180deg);
				transition: all 0.3s linear;
			}

		.tabs-menu-default-full li.has-sub ul {
			max-height: 0;
			overflow: hidden;
			float: left;
			transition: max-height 0.3s ease-out;
		}

	.tabs-menu-default-full li.has-sub.active {
		background-color: #fff;
	}

		.tabs-menu-default-full li.has-sub.active ul {      
			max-height: 500px;
			transition: max-height 0.3s ease-in;
		}

	.tabs-menu-default-full li:first-child {
		/*border-top: 1px solid #EBEBEB;*/
	}
	.tabs-menu-default-full li {
		box-sizing: border-box;
		display: inline-block;
		float: left;
		/*margin-bottom: 1px;*/
	}
		.tabs-menu-default-full li.active {
		}
		.tabs-menu-default-full .tabs-menu-sub li.parent-item {
			border: 0;
		}
		.tabs-menu-default-full .tabs-menu-sub li.parent-item > a > i {
			width: 5px;
			height: 5px;
			border-radius: 100%;
			display: inline-block;
			background-color: #2746A8;
			vertical-align: middle;
			margin-right: 5px;
		}
	.tabs-menu-default-full li:last-child {
		margin-bottom: 0px;//marge sota tabs 7692
		box-shadow: none;   
	}
	body.parent-cartas .tabs-menu-default-full li.uri > a ,
	body.parent-personal .tabs-menu-default-full li.uri > a 
	{
/* 
BOTONES CARTAS y personal: texto por defecto:
 */
		text-transform: uppercase;
		color: #2746A8;
		font-size: 17.2px;
		vertical-align: 3px;
		line-height: 19px;
		margin-top: -5px;/* moc verticalment el botó sencer */
		margin-bottom:-7px;
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		
	}

	body.parent-cartas .tabs-menu-default-full li.uri.active > a ,
	body.parent-cartas .tabs-menu-default-full li.uri:hover > a ,
	body.parent-personal .tabs-menu-default-full li.uri.active > a,
	body.parent-personal .tabs-menu-default-full li.uri:hover > a
	{
/* 
BOTONES CARTAS:
 */
		text-transform: uppercase;
		color: #DB2471;
		font-size: 17.2px;
		vertical-align: 3px;
		line-height: 19px;
		margin-top: -5px;/* moc verticalment el botó sencer */
		margin-bottom:-7px;
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
				

	}

	.tabs-menu-default-full li.static,
	.tabs-menu-default-full li.uri > a {
		color: #ABABAB;
		/*background-color: #F7F7F7;*/
		box-sizing: border-box;
		line-height: 19px;
		padding: 10px 0px 5px 0px;/* moc la alineacio vertical dins el botó */
		text-align: center;
	}
	.tabs-menu-default-full > li.static,
	.tabs-menu-default-full > li.uri > a {
		font-size: 17.2px;
		

	}
	.tabs-menu-default-full > li li.static,
	.tabs-menu-default-full > li li.uri > a {
		font-size: 14px;
	}
	.tabs-menu-default-full li.static,
	.tabs-menu-default-full li.uri > a {
		position: relative;
		display: block;
		cursor: pointer;
		text-decoration: none;
		line-height: 22px;
/* 
		border: 1px solid #2746A8;
 */
	}
		.tabs-menu-default-full li.static,
	.tabs-menu-default-full li.uri.active > a, 
	.tabs-menu-default-full li.uri:hover > a	{
		position: relative;
		display: block;
		cursor: pointer;
		text-decoration: none;
		line-height: 22px;
/* 
		border: 1px solid #DB2471;
 */
	}
		.tabs-menu-default-full > li.uri > a
		.tabs-menu-default-full > li.static:hover,
		.tabs-menu-default-full > li.static.active,
		.tabs-menu-default-full > li.uri:hover > a,
		.tabs-menu-default-full > li.uri.active > a {
			background-color: #FFF;
			/*box-shadow: 2px 0px 0px #2746A8 inset;*/
		}
		.tabs-menu-default-full > li li.uri > a
		.tabs-menu-default-full > li li.static:hover,
		.tabs-menu-default-full > li li.static.active,
		.tabs-menu-default-full > li li.uri:hover > a,
		.tabs-menu-default-full > li li.uri.active > a {
			color: #2746A8;
			background-color: #FFF;
			/*box-shadow: 2px 0px 0px #223D51 inset;*/
		}
body.parent-admin .tabs-menu-default-full {
	width: 200px;
	background-color: #F8F8F8;
	/*border: 1px solid #EBEBEB;
	border-radius: 2px;
	margin: 10px 0px 0px 0px;*/
	display: inline-block;
}
	body.parent-admin .tabs-menu-default-full ul {
		padding-left: 10px;
	}

	body.parent-admin .tabs-menu-default-full li.has-sub {
		position: relative;
	}
		body.parent-admin .tabs-menu-default-full li.has-sub > a:before {
			height: 6px;
			width: 8px;
			position: absolute;
			content: '';
			right: 10px;
			top: 14px;
			z-index: 1;
			background-image: url(../../images/1.0/sprite.svg);
			background-position: 22px -34px;
			/*transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);*/
			transition: all 0.3s linear;
			-webkit-transition: all 0.3s linear;
		}
			body.parent-admin .tabs-menu-default-full li.has-sub.active > a:before {
				transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				transition: all 0.3s linear;
				-webkit-transition: all 0.3s linear;
			}

		body.parent-admin .tabs-menu-default-full li.has-sub ul {
			max-height: 0;
			overflow: hidden;
			float: left;
			transition: max-height 0.3s ease-out;
			-moz-transition: max-height 0.3s ease-out;
			-webkit-transition: max-height 0.3s ease-out;
		}

	body.parent-admin .tabs-menu-default-full li.has-sub.active {
		background-color: #fff;
	}

		body.parent-admin .tabs-menu-default-full li.has-sub.active ul {      
			max-height: 500px;
			transition: max-height 0.3s ease-in;
			-moz-transition: max-height 0.3s ease-in;
			-webkit-transition: max-height 0.3s ease-in;

		}

	body.parent-admin .tabs-menu-default-full li:first-child {
		/*border-top: 1px solid #EBEBEB;*/
	}
	body.parent-admin .tabs-menu-default-full li {
		max-width: none;
		box-sizing: border-box;
		display: inline-block;
		float: left;
		width: 100%;
		border-bottom: 1px solid #EBEBEB;
		box-shadow: 0px 1px 0px #FFFFFF;
		/*margin-bottom: 1px;*/
	}
		body.parent-admin .tabs-menu-default-full li.active {
			border-bottom: 1px solid #2746A8;
		}
		body.parent-admin .tabs-menu-default-full .tabs-menu-sub li.parent-item {
			border: 0;
		}

		body.parent-admin .tabs-menu-default-full .tabs-menu-sub li.parent-item > a > i {
			width: 5px;
			height: 5px;
			border-radius: 100%;
			display: inline-block;
			background-color: #2746A8;
			vertical-align: middle;
			margin-right: 5px;
		}


	body.parent-admin .tabs-menu-default-full li:last-child {
		margin-bottom: 0px;
		box-shadow: none;   
	}
	body.parent-admin .tabs-menu-default-full li.static,
	body.parent-admin .tabs-menu-default-full li.uri > a {
		color: #ABABAB;
		/*background-color: #F7F7F7;*/
		line-height: 19px;
		padding: 6px 30px 6px 14px;
		border: 0px;
	}
	body.parent-admin .tabs-menu-default-full > li.static,
	body.parent-admin .tabs-menu-default-full > li.uri > a {
		font-size: 14px;
		border: 0px;
		border-color: transparent;
	}
	body.parent-admin .tabs-menu-default-full > li li.static,
	body.parent-admin .tabs-menu-default-full > li li.uri > a {
		font-size: 12px;
	}
	body.parent-admin .tabs-menu-default-full li.static,
	body.parent-admin .tabs-menu-default-full li.uri > a {
		text-align: left;
		position: relative;
		display: block;
		cursor: pointer;
		text-decoration: none;
		line-height: 22px;
	}
		body.parent-admin .tabs-menu-default-full > li.uri > a
		body.parent-admin .tabs-menu-default-full > li.static:hover,
		body.parent-admin .tabs-menu-default-full > li.static.active,
		body.parent-admin .tabs-menu-default-full > li.uri:hover > a,
		body.parent-admin .tabs-menu-default-full > li.uri.active > a {
			color: #2746A8;
			background-color: #FFF;
			/*box-shadow: 2px 0px 0px #2746A8 inset;*/

		}
		body.parent-admin .tabs-menu-default-full > li li.uri > a
		body.parent-admin .tabs-menu-default-full > li li.static:hover,
		body.parent-admin .tabs-menu-default-full > li li.static.active,
		body.parent-admin .tabs-menu-default-full > li li.uri:hover > a,
		body.parent-admin .tabs-menu-default-full > li li.uri.active > a {
			color: #2746A8;
			background-color: #FFF;
			/*box-shadow: 2px 0px 0px #223D51 inset;*/
		}
.section-title {
	text-align: center;
	color: #666;
	padding: 0px 10px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 35px;
	font-weight: bold;
}

.tab-content-default {
	width: 100%;
	float: left;
	padding: 18px 0px;/*25px*/
}

.local-view .tab-content-default-left {
	border: 0;
	min-height: 30px;
	width: 480px;
}
.tab-content-default-left {
	width: 100%;
	min-height: 400px;
	box-sizing: border-box;
	float: right;
	padding: 10px 10px 17px 10px;
	background-color: #FFF;
	border-radius: 0px 0px 5px 5px;
	overflow: hidden;
}

	.tab-content-default-left > h2.header-title-default {
		font-size: 16px;
		font-weight: 600;
		border-bottom: 1px solid #EBEBEB;
		line-height: 20px;
		padding-bottom: 6px;
		padding-left: 3px;
		display: block;
		color: #DB2471;
		margin-bottom: 11px;
	}

h5.header-label-default {
	font-size: 16px;
	font-weight: 600;
	border-bottom: 1px solid #EBEBEB;
	line-height: 20px;
	padding-bottom: 3px;
	padding-left: 3px;
	display: block;
	margin-bottom: 5px;
}
	h5.header-label-sub {
		font-size: 16px;
		font-weight: 600;
		line-height: 20px;
		padding-bottom: 3px;
		padding-left: 3px;
		display: block;
		margin-bottom: 5px;
	}
body.parent-admin .tab-content-default-full {
	width: 978px;
	box-sizing: border-box;
	padding-left: 10px;
}
.tab-content-default-full {
	width: 100%;
	min-height: 400px;
	float: right;
	padding: 10px 0px;
	box-sizing: border-box;
	background-color: #FFF
}
	.tab-content-default-full > h2.header-title-default {
		border-bottom: 1px solid #EBEBEB;
		font-size: 16px;
		font-weight: 600;
		box-sizing: border-box;
		line-height: 21px;
		padding-bottom: 3px;
		padding-left: 3px;
		display: block;
		color: #DB2471;
		margin-bottom: 11px;
	}


/* User settings custom CSS */
#settings-tabs > li,
#user-settings-content > h2 {
	position: relative;
}
#user-settings-content > h2 {
	padding-left: 25px;
}
	#settings-tabs > li > a > i {
		width: 14px;
		height: 14px;
		display: inline-block;
		margin: 5px;
		vertical-align: middle;
	}

	#user-settings-content > h2 > i {
		top: 0;
		left: 0;
	}
	
	#user-settings-content > h2 > i {
		position: absolute;
		display: inline-block;
		width: 20px;
		height: 20px;
		background-image: url(../../images/1.0/sprite.svg);
	}

.section-submit {
	display: inline-block;
	width: 100%;
	text-align: right;
}

.autocomplete-default {
	position: relative;
}
	.autocomplete-default .autocomplete-list {
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: -1px;
		width: 100%;
		float: left;
		z-index: 98;
	}
		.autocomplete-default .autocomplete-list .autocomplete-items {
			padding: 4px 0px;
			border-top: 1px solid #2746A8;
			border-right: 1px solid #2746A8;
			border-bottom: 1px solid #2746A8;
			border-left: 1px solid #2746A8;
			background-color: #FFF;
			display: inline-block;
			width: 100%;
		}
			.autocomplete-default .autocomplete-list .autocomplete-items > .autocomplete-item {
				line-height: 25px;
				display: inline-block;
				width: 100%;
				float: left;
				cursor: pointer;
				position: relative;
			}
				.autocomplete-default .autocomplete-list .autocomplete-items > .autocomplete-item > .text {
					display: block;
					line-height: 25px;
					padding: 0 8px;
				}
				.autocomplete-default.icons .autocomplete-list .autocomplete-items > .autocomplete-item > .icon {
					position: absolute;
					left: 6px;
					top: 2px;
				}
				.autocomplete-default.icons .autocomplete-list .autocomplete-items > .autocomplete-item > .text {
					padding-left: 28px;
				}
				.autocomplete-default .autocomplete-list .autocomplete-items > .autocomplete-item:hover,
				.autocomplete-default .autocomplete-list .autocomplete-items > .autocomplete-item.active {
					background-color: #F7F7F7;
				}

.autocomplete-list.all-user-autocomplete > .autocomplete-items {
	
}
	.autocomplete-list.all-user-autocomplete > .autocomplete-items. > .autocomplete-item {

	}
		.autocomplete-list.all-user-autocomplete > .autocomplete-items. > .autocomplete-item > .text {

		}
.autocomplete-list.user-autocomplete > .autocomplete-items {
	
}
	.autocomplete-list.user-autocomplete > .autocomplete-items > .autocomplete-item {
		height: 25px;
		overflow: hidden;
	}
		.autocomplete-list.user-autocomplete > .autocomplete-items > .autocomplete-item > .text {
			display: inline-block;
			float: left;
			width: 40%;
			height: 25px;
			box-sizing: border-box;
			overflow: hidden;
			font-weight: 600;
			font-size: 12px;
			text-align: left;
		}
		.autocomplete-list.user-autocomplete > .autocomplete-items > .autocomplete-item > .user {
			text-align: right;
			height: 25px;
			display: inline-block;
			float: right;
			width: 60%;
			box-sizing: border-box;
			overflow: hidden;
			padding: 0 8px;
			position: relative;
		}
			.autocomplete-list.user-autocomplete > .autocomplete-items > .autocomplete-item > .user > .name {
				width: 100%;
				box-sizing: border-box;
				color: #2746A8;
				font-size: 12px;
				font-weight: 600;
				margin-right: 4px;
				padding-right: 24px;
				display: inline-block;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
			.autocomplete-list.user-autocomplete > .autocomplete-items > .autocomplete-item > .user > .avatar-photo {
				display: inline-block;
				position: absolute;
				top: 2px;
				right: 4px;
			}
.section-block-default {
	display: block;
	margin: 0px 0 10px 0px;
	padding: 5px;                                                                                                                                                                                                                                   
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
	/*border: 1px solid #EBEBEB;*/
}
	.section-block-default.remove {
	display: none;
	}
	.section-block-default .section-block-default {
		padding: 0;
	}
	
	* > .section-block-default:first-child { margin-top: 0 }

	.section-block-default div[contenteditable] {
		font-family: Arial, Helvetica, sans-serif;
		background-color: #FFF;
		width: 100%;
		box-sizing: border-box;
		display: block;
		height: auto;
		line-height: 15px;
		padding: 15px 20px;
		border-radius: 4px;
		border: 1px solid #2746A8;
		color: #242424;
		outline: none;
		font-size: 13px;
		min-height: 300px;
	}
	.section-block-default > h3.section-block-title {
		font-size: 16px;
		line-height: 16px;
		font-weight: 600;
		color: #DB2471;
		margin-bottom: 10px;
		margin-top: 5px;
		margin-left: 5px;
	}
		.section-block-default .items-input-dynamic-select.remove,
		.section-block-default .input-label.remove {
			/*height: 0 !important;
			overflow: hidden !important;
			margin: 0 !important;
			padding: 0 !important;
			float: left;*/
			display: none;
		}
		.section-block-default .items-input-dynamic-select,
		.section-block-default .input-label {
			/*-webkit-transition-duration: 400ms;
			transition-duration: 400ms;
			-webkit-transition-property: height, margin, padding;
			transition-property: height, margin, padding;*/

			display: inline-block;
			width: 100%;
			height: auto;
			padding: 0;
			margin-bottom: 10px;
		}
		.section-block-default .items-input-dynamic-select:last-child,
		.section-block-default .input-label:last-child,
		.section-block-default .bool-input-label {
			margin-bottom: 0;
		}
		.section-block-default .bool-input-label {
			/*border-bottom: 1px solid #EBEBEB;*/
		}
		.section-block-default .bool-input-label:last-child {
			border-bottom: 0;
		}
			.section-block-default .items-input-dynamic-select > .label,
			.section-block-default .input-label > .label {
				text-align: right;
				width: 30%;
				display: inline-block;
				vertical-align: top;
				float: left;
				color: #8D8D8D;
				font-size: 14px;
				line-height: 20px;
				padding: 7px 0;
			}
			.section-block-default .bool-input-label > .label {
				box-sizing: border-box;
				/*color: #3D3D3D;
				padding-left: 10px;*/
				text-align: right;
			}

			.section-block-default .input-label > .input .file-container {
				display: inline-block;
				width: 100%;
				box-sizing: border-box;
			}
				.section-block-default .input-label > .input .file-container[data-is-default-preview] > .file-container-preview {
					display: inline-block;
				}
				.section-block-default .input-label > .input .file-container > .file-container-preview {
					box-sizing: border-box;
					width: 100%;
					margin: 5px 0px;
				}
				.section-block-default .input-label > .input .file-container > .file-container-preview img {
					max-width: 100%;
				}
			.section-block-default .input-label > .input .file_container {
				margin: 0;
			}
			.section-block-default .items-input-dynamic-select > .input,
			.section-block-default .input-label > .input {
				width: 65%;
				margin-left: 5%;
				float: left;
				display: inline-block;
				vertical-align: top;
			}
				.section-block-default .content-input-label > .input {
					display: inline-block;
					padding: 7px 0;
					font-size: 14px;
					line-height: 20px;
				}
				.section-block-default .input-label > .input > .input-bool {
					float: left;
					margin-top: 5px;
					margin-right: 10px;
				}
				.section-block-default .items-input-dynamic-select > .input > .dynamic-select,
				.section-block-default .items-input-dynamic-select > .input > .dynamic-select > .dynamic-items > .dynamic-items-container {
					width: 100%;
				}
				.filter-form .filter-block input,
				.filter-form .filter-block textarea,
				.section-block-default .items-input-label > .input > .dynamic-items,
				.section-block-default .text-input-label > .input > input,
				.section-block-default .number-input-label > .input > input,
				.section-block-default .textarea-input-label > .input > textarea,
				.section-block-default .textarea-input-label > .input > div[contenteditable],
				.section-block-default .password-input-label > .input > input { 

/* gestiona cuando buscador cartas clicado y escribiendo */
					width: 100%;color:#DB2471;
/* 
					box-sizing: border-box;
 */
					display: block;
					float: left;
					height: 32px;
					line-height: 22px;
					padding: 10px 8px;
					background-color: #f6f4f4;
					border: 1px solid #f6f4f4;
				}

				.filter-form .filter-block input:focus,
				.filter-form .filter-block textarea:focus,
				.section-block-default .text-input-label > .input > input:focus,
				.section-block-default .textarea-input-label > .input > textarea:focus,
				.section-block-default .password-input-label > .input > input:focus,
				.section-block-default .number-input-label > .input > input:focus {
					border-color: #2D48A2 ;
				}   
.filter-form .filter-block input::placeholder{/* color de fondo de la frase "busca aqui.." */
color:#cdcdcd;	
}
				.section-block-default .textarea-input-label > .input > textarea,
				.section-block-default .textarea-input-label > .input > div[contenteditable] {
					height: auto;
				}
				.section-block-default .textarea-input-label > .input > div[contenteditable] {
					min-height: 160px;
				}
				.section-block-default .text-input-label > .input > input.widget-time {
					width: 100px;
				}
				.section-block-default .text-input-label > .input > input.widget-date {
					width: 100px;
				}
				.section-block-default .text-input-label > .input > input.widget-date-time {
					width: 140px;
				}

				.section-block-default .items-input-label > .input > .dynamic-items {
					position: relative;
					min-height: 32px;
					height: auto;
					padding-bottom: 0;
					padding-top: 5px;
				}
					/*.section-block-default .items-input-label > .input > */
					.dynamic-items > .dynamic-limit-container {
						position: absolute;
						top: -18px;
						height: 14px;
						left: 0;
						line-height: 14px;
						font-size: 12px;
						color: #9197a3;
					}
						.dynamic-items > .dynamic-limit-container .dynamic-limit {
							margin-left: 4px;
							-webkit-transition: color 0.5s ease;
							-moz-transition: color 0.5s ease;
							transition: color 0.5s ease;
						}
						.dynamic-items > .dynamic-limit-container .dynamic-limit.limit {
							color: #F02626;
						}
					.dynamic-items > .dynamic-items-holder {
						overflow: hidden;
					}

					/*.section-block-default .items-input-label > .input > */
					.dynamic-items > .dynamic-items-holder > .dynamic-item {
						float: left;
						border: 1px solid #F2F2F2;
						display: inline-block;
						background-color: #FAFAFA;
						line-height: 18px;
						padding: 0 4px;
						margin-bottom: 2px;
						margin-right: 4px;
						-moz-user-select: -moz-none;
						-webkit-user-select: none;
						-ms-user-select: none;
						user-select: none;
						cursor: default;
						-webkit-transition: background-color 0.5s ease;
						-moz-transition: background-color 0.5s ease;
						transition: background-color 0.5s ease;
					}
						.dynamic-items > .dynamic-items-holder > .dynamic-item:hover {
							background-color: #F2F2F2;
						}
							/*.section-block-default .items-input-label > .input > */
							.dynamic-items > .dynamic-items-holder > .dynamic-item > span {
								color: #8DC643;
							}
						.dynamic-items > .dynamic-items-holder > .dynamic-item.already {
							/*background-color: #FF9;*/
							background-color: #8DC643;
						}
							.dynamic-items > .dynamic-items-holder > .dynamic-item.already > span {
								color: #FFF;
							}
						/*.section-block-default .items-input-label > .input > */
						.dynamic-items > .dynamic-items-holder > .dynamic-item > .icon-container {
							display: inline-block;
							vertical-align: top;
						}
						.dynamic-items > .dynamic-items-holder > .dynamic-item i {
							display: inline-block;
							width: 10px;
							height: 9px;
							margin-left: 3px;
							margin-top: 2px;
							background-image: url(../../images/1.0/sprite.svg);
							background-position: 145px -32px;
							cursor: pointer;
						}
					.dynamic-items > .dynamic-items-holder > .dynamic-item-input {
						padding-left: 5px;
						float: left;
						color: #242424;
						height: 15px;
						line-height: 15px;
						font-size: 13px;
						border: 0;
						outline: none;
						margin-top: 1px;
						margin-bottom: 7px;
						width: 120px;
					}
				.section-block-default .items-input-label > .input > .dynamic-items[data-readonly],
				.section-block-default .text-input-label > .input > input[readonly],
				.section-block-default .password-input-label > .input > input[readonly],
				.section-block-default .textarea-input-label > .input > textarea[readonly] {
					background-color: #F8F8F8;
					border-color: #DDD;
					color: #B0B0B0;
				}

				.section-block-default .items-input-dynamic-select > .input > .desc,
				.section-block-default .input-label > .input > .desc {
					width: 100%;
					margin-top: 2px;
					display: inline-block;
					line-height: 17px;
					font-size: 13px;
					color: #9197a3;
				}

/* File Container CSS */
.file-container {

}
	.file-container:not(.file-active) > .file-remover {
		display: none;
	}
	.file-container.file-fail > .file-container-preview {
		display: none !important;
	}
	.file-container.file-active > .file-container-preview {
		display: inline-block;
	}

	.file-container.file-multiple .file-container-preview {

	}
		.file-container.file-multiple .file-container-preview > .single-file-item {
			display: inline-block;
			float: left;
			width: 100%;
			box-sizing: border-box;
			color: #8D8D8D;
			line-height: 20px;
			font-size: 14px;
			border-bottom: 1px solid #F6F6F6;
			padding: 4px 0px;
			max-width: 200px;
		}
		.file-container.file-multiple .file-container-preview > .single-file-item:last-child {
			border-bottom: 0;
		}

		.file-container.file-multiple .file-container-preview {
			margin-bottom: 15px;
		}
		.file-container.file-multiple .file-container-preview > .single-file-item .single-file-remover {
			display: inline-block;
			width: 10px;
			height: 13px;
			margin-left: 8px;
			margin-top: 5px;
			background-image: url(../../images/1.0/sprite.svg);
			background-position: -432px -152px;
			cursor: pointer;
			text-indent: -9999px;
			vertical-align: top;
		}

.input-bool {
	display: inline-block;
		vertical-align: 3px;font-size: 110%;

}
	.input-bool > .input-options {
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
		display: inline-block;
		position: relative;
		border: 1px solid #D7D7D7;
		height: 20px;
		line-height: 20px;
		background-color: #F9F9F9;
		overflow: hidden;
		width: 55px;
		border-radius: 20px;
		cursor: pointer;
	}
		.input-bool.active > .input-options {
			border: 1px solid #2746A8;
		}
		.input-bool > .input-options > div {
			font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
			border-radius: 9px;
			text-transform: uppercase;
			font-size: 11px;
			vertical-align: top;
			display: inline-block;
			float: left;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}
			.input-bool > .input-options > div > i {
				display: inline-block;
				border-radius: 100%;
				height: 20px;
				width: 20px;
				position: absolute;
			}
		.input-bool > .input-options:hover,
		.input-bool > .input-options:hover > .option-off > i {
			border: 1px solid #A3A3A3;
		}
		.input-bool.active > .input-options:hover,
		.input-bool > .input-options > .option-on > i {
			border: 1px solid #2746A8;
		}
		.input-bool > .input-options > div > span {
			line-height: 21px;
		}
		.input-bool > .input-options > .option-off {
			color: #B4B4B4;
			background-color: #F9F9F9;
			text-align: right;
			z-index: 1;
			left: 0;
		}
			.input-bool > .input-options > .option-off > i {
				background-color: #EFEFEF;
				border: 1px solid #D7D7D7;
				top: -1px;
				left: -1px;
			}
			.input-bool > .input-options > .option-off > span {
				margin-right: 6px;
			}
		.input-bool > .input-options > .option-on {
			color: #FFF;
			text-align: left;
			background-color: #2746A8;
			width: 100%;
			transform: translate3d(-100%, 0, 0);
			transition-property: all;
			transition-duration: 400ms;
		}
			.input-bool.active > .input-options > .option-on {
				transform: translate3d(0%, 0, 0);
				z-index: 2;
			}
			.input-bool > .input-options > .option-on > i {
				background-color: #ECECEC;
				border: 1px solid #2746A8;
				top: -1px;
				right: -1px;
			} 
			.input-bool > .input-options > .option-on > span {
				margin-left: 6px;
			}
		.card-legacy-ccv-text {
			max-width: 500px;
			font-family: CrimsonText,Georgia, 'Palatino', 'Palatino Linotype';
			box-sizing: border-box;
			padding-top: 0px;
			padding-right: 20px;
			padding-bottom: 20px;
			padding-left: 20px;
			line-height: 29px;
			font-size: 23px;
			text-align: justify;
            hyphens: auto;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;
		}
.justi{
text-align: justify;hyphens: auto;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto; padding:10px;
}
.tooltip {
	display: block;
	padding: 6px 8px;
	font-size: 12px;
	line-height: 16px;
	background-color: #223D51;
	border-radius: 2px;
	color: #FFF;
	text-align: left;
	position: absolute;
	max-width: 200px;
	z-index: 99;
	visibility: hidden;
}
	.tooltip > span {
		width: 10px;
		height: 10px;
		display: inline-block;
		position: absolute;
		background-color: #223D51;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.tooltip.top-center > span {
		bottom: -3px;
		margin-left: -5px;
		left: 50%;
	}

	.tooltip.bottom-center > span {
		top: -3px;
		margin-left: -5px;
		left: 50%;
	}
	.tooltip.top-left > span {
		bottom: -3px;
		left: 20%;
	}
	.tooltip.top-right > span {
		bottom: -3px;
		right: 20%;
	}
	.tooltip.right-top > span {
		left: -3px;
		top: 20%;
	}
	.tooltip.right-center > span {
		left: -3px;
		margin-top: -5px;
		top: 50%;
	}
	.tooltip.right-bottom > span {
		left: -3px;
		bottom: 20%;
	}
	.tooltip.bottom-left > span {
		top: -3px;
		left: 20%;
	}
	.tooltip.bottom-right > span {
		top: -3px;
		right: 20%;
	}
	.tooltip.left-top > span {
		right: -3px;
		top: 20%;
	}
	.tooltip.left-bottom > span {
		right: -3px;
		bottom: 20%;
	}

.local-view .main-content {
	width: 100%;
}
.main-content {
	display: inline-block;
	vertical-align: top;
	width: 578px;
	float: left;
}
.sidebar-content {
	display: inline-block;
	vertical-align: top;
	width: 327px;
	float: right;
}

.local-view .default-full-content {
	min-height: 0;
}

.default-full-content {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #fff;
	min-height: 300px;
	display: inline-block;
}


/* Home Timelines Tabs CSS */
[data-infinite-scroll][data-more-data="1"] {
	padding-bottom: 60px;
}

/* Drop menu */
.drop-menu {
	position: relative;
}
	.drop-menu.title-drop {
		display: inline-block;
		margin: 5px 10px;
	}
	.drop-menu > .drop-label {
		cursor: pointer;
		-moz-user-select: -moz-none;
		-webkit-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
		.drop-menu.title-drop > .drop-label {
			color: #B8B8B8;
			display: inline-block;
			height: 25px;
			line-height: 25px;
			padding: 0 10px;
			box-sizing: border-box;
		}
			.drop-menu.title-drop > .drop-label > .icon {
				margin-left: 5px;
			}
			.drop-menu.title-drop .menu-holder {
				top: 25px;
			}
	.drop-menu .menu-holder {
		display: none;
		position: absolute;
		text-align: left;
		z-index: 97;
		top: 18px;
		right: 0;
		padding-top: 2px;
		min-width: 150px;
	}
		.drop-menu .menu-holder > span.arrow {
			top: -3px;
			right: 9px;
			width: 10px;
			height: 10px;
			display: inline-block;
			position: absolute;
			z-index: 98;
			background-color: #FFF;
			border-top: 1px solid #B4B4B4;
			border-right: 1px solid #B4B4B4;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.drop-menu .menu-holder > ul {
			width: 100%;
			position: relative;
			border-radius: 3px;
			background-color: #FFF;
			border: 1px solid #B4B4B4;
			display: inline-block;
			padding: 10px 0px;
		}
			.drop-menu.hover-target:hover .menu-holder,
			.drop-menu.dynamic-focus .menu-holder {
				display: inline-block;
			}
			.drop-menu .menu-holder > ul > li {
				position: relative;
				display: inline-block;
				left: 0;
				float: left;
				width: 100%;
				height: 32px;
				line-height: 32px;
			}
				.drop-menu .menu-holder > ul > li.separator {
					margin: 4px 0;
					height: 1px;
					line-height: 1px;
					background-color: #E0E0E0 !important;
					box-shadow: none !important;
				}

				.drop-menu .menu-holder > ul > li:hover,
				.drop-menu .menu-holder > ul > li.active {
					background-color: #F1F1F1;
					box-shadow: 2px 0px 0px 0px #2746A8 inset;
				}
				.drop-menu .menu-holder > ul > li > a {
					text-decoration: none;
					display: inline-block;
					width: 100%;
					height: 100%;
					color: #B4B4B4;
					font-size: 13px;
				}
					.drop-menu .menu-holder > ul > li:hover > a,
					.drop-menu .menu-holder > ul > li.active > a {
						color: #3D3D3D;
					}
						.drop-menu .menu-holder > ul > li > a,
						.drop-menu .menu-holder > ul > li > span {
							display: block;
							cursor: pointer;
						}
						.drop-menu .menu-holder > ul > li > a > span,
						.drop-menu .menu-holder > ul > li > span {
							padding-left: 12px;
						}

/* Icons */
i.icon {
	display: inline-block;
}
	i.icon.void-icon {
		height: 35px;
		width: 35px;
		background-image: url(../../images/1.0/sprite.svg);
		background-position: 0px -157px;
	}
/* Errors Pages CSS */
#error-page {
	padding-left: 410px;
	padding-top: 60px;
	height: 400px;
	position: relative;
	margin: 0 auto;
}
	#error-page > .info-block {
		max-width: 300px;
		margin: 0 auto;
	}
	#error-page > .info-block > h3 {
		text-align: left;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
		color: #DB2471;
		font-size: 30px;
		border-bottom: 1px solid #efefef;
		line-height: 46px;
		height: 46px;
	}
	#error-page > .info-block > p.description {
		text-align: left;
		margin-top: 3px;
		font-size: 14px;
		color: #3d3d3d;
		line-height: 18px;
	}
	#error-page > .info-block > p.return {
		padding-left: 20px;
		text-align: left;
		margin-top: 3px;
		font-size: 14px;
		color: #3d3d3d;
		line-height: 18px;
		margin-top: 18px;
	}
		#error-page > .info-block > p.return a {
			color: #2746A8;
			text-decoration: underline;
		}
	#error-page > .info-block > img {
		position: absolute;
		top: 60px;
		right: 0;
	}


body.device-handset.page-mobile #inline-copyright {
	position: absolute;
	left: 0;
	bottom: 20px;
	margin: 0;
}
#mobile-apps .logged-user-info {
	margin-top: 50px;
	box-sizing: border-box;
	padding: 0 20px;
	line-height: 18px;
}
#mobile-apps {
	max-width: 440px;
	color: #223D51;
	text-align: center;
	padding-left: 0 !important;
}

	#mobile-apps > h2 {
		font-weight: 600;
		font-size: 10.0vmin;
		display: none;
	}
	#mobile-apps a {
		margin: 0 10px;
		display: inline-block;
		clear: both;
	}
	#mobile-apps img.site-logo {
		max-width: 340px;
		width: 70.0vmin;
	}
	#mobile-apps a.app-store > img {
		max-width: 150px;
		display: inline-block;
		width: 60.0vmin;
	}
	#mobile-apps a.google-play > img {
		max-width: 150px;
		display: inline-block;
		margin-top: 3.0vmin;
		width: 60.0vmin;
	}
	#mobile-apps > p {
		max-width: 340px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10.0vmin;
		margin-bottom: 10.0vmin;
		font-size: 24px;
	}

/* Admin panel CSS */
body.page-admin #web {
}

body.page-admin #main-menu-container {
	-webkit-transform: translate3d(-175px, 0, 0);
	-moz-transform: translate3d(-175px, 0, 0);
	transform: translate3d(-175px, 0, 0);
}

#admin-page {
	background-color: #FFF;
}

body.page-admin #web .base-size {
	padding-left: 10px;
	padding-right: 10px;
	width: 1200px;
}

	#admin-tabs li a > i.icon {
		width: 14px;
		height: 14px;
		display: inline-block;
		margin: 5px;
		vertical-align: middle;
	}


.time {
	cursor: default;
}

/* Tables CSS */
table {
	border-spacing: 0;
	border-collapse: collapse;
}

td,
th {
	padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
	*,
	*:before,
	*:after {
		color: #000 !important;
		text-shadow: none !important;
		background: transparent !important;
		-webkit-box-shadow: none !important;
			box-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
	select {
		background: #fff !important;
	}
	.base-size,
	.tab-content-default-full {
		float: none;
		width: 100%;
	}
	#header,
	#footer,
	.tabs-menu {
		display: none;
	}
	.label {
		border: 1px solid #000;
	}
	.table {
		border-collapse: collapse !important;
	}
	.table td,
	.table th {
		background-color: #fff !important;
	}
	.table-bordered th,
	.table-bordered td {
		border: 1px solid #ddd !important;
	}
}

table {
	background-color: transparent;
}

caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left;
}

th {
	text-align: left;
}

.table {
	color: #7F7F7F;
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}
	.table.table-bordered {
		margin-top: 10px;
	}
		.table.table-bordered.table-block {
			margin-top: 0;
		}

	.table-default > .table > .table-header {
		background-color: #f6f6f6;
	}
		.table-default > .table > .table-body .table-row {
			background-color: #FFF;
		}
		.table-default > .table > .table-body .table-row {
			-webkit-transition: background-color 1000ms ease;
			-moz-transition: background-color 1000ms ease;
			transition: background-color 1000ms ease;
			background-color: #FFF;
		}
		.table-default > .table > .table-body .table-row.relation-updated {
			background-color: #E7FFF3;
		}
		.table-bordered > tbody > tr > td:nth-of-type(even) {
			background-color: #F9F9F9;
		}
		.table-bordered > tbody > tr > td {
			border-right: 0 !important;
			border-left: 0 !important;
		}
.table .no-items {
	text-align: center;
}

.table a {
	color: #2746A8;
}

/*.table > thead > tr > th,*/
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 4px;
	line-height: 22px;
	vertical-align: top;
	border-bottom: 1px solid #ddd;
}

.table > tbody > tr:last-child > td {
	border-bottom: 0;
}

.table > thead > tr > th {
	vertical-align: bottom;
	/*border-bottom: 2px solid #ddd;*/
}

.table > tbody + tbody {
	border-top: 2px solid #ddd;
}

.table .table {
	background-color: #fff;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
	padding: 10px 5px;
}

.table-bordered {
	border: 1px solid #ddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border: 1px solid #ddd;
}

.table-bordered > thead > tr > th {
	font-weight: bold;
	box-sizing: border-box;
	border: 0;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	text-align: center;
	color: #2746A8;
	background-color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 4px solid #CECECE;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}

table col[class*="col-"] {
	position: static;
	display: table-column;
	float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
	position: static;
	display: table-cell;
	float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
	background-color: #f5f5f5;
}

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
	background-color: #e8e8e8;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: #dff0d8;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
	background-color: #d0e9c6;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #d9edf7;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
	background-color: #c4e3f3;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: #fcf8e3;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
	background-color: #faf2cc;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
	background-color: #ebcccc;
}

.table-default {
	font-size: 13px;
}

/* Blocks CSS */

.block-block .block-reload {
	clear: both;
	display: inline-block;
	margin: 10px;
}

.block-block > .block-holder > .block-container > .block-loading {
		display: inline-block;
		width: 100%;
		top: 0;
		left: 0;
		text-align: center;
	}
		.block-block > .block-holder > .block-container > .block-loading.active {
			display: inline-block;
		}
		.block-block > .block-holder > .block-container > .block-loading > span {
			display: inline-block;
			height: 27px;
			width: 27px;
			/*background-image: url(../../images/loading/27x27.gif);*/
			background-image: url(../../images/loading/opd-search-loader.gif);
			background-size: cover;
			margin: 5% 0;
			border-radius: 100%;
		}

.block-default {
	display: inline-block;
	box-sizing: border-box;
}
	.block-default > .block-holder {
		min-height: 40px;
		width: 100%;
		box-sizing: border-box;
		display: inline-block;
		border-radius: 3px;
		background-color: #FFF;
		float: right;
		border-top-left-radius:5px;
		border-top-right-radius: 5px;
		border: 1px solid #EBEBEB;
	}
		.block-default > .block-holder .block-info-title {
			color: #223D51;
			font-weight: bold;
			font-size: 14px;
			line-height: 18px;
			box-sizing: border-box;
			margin: 5px;
			border-bottom: 1px solid #EBEBEB;
		}
		.block-default > .block-holder p {
			display: block;
			margin: 10px;
			color: #5D5D5D;
			font-size: 14px;
			line-height: 16px;
		}
		.block-default > .block-holder > .table-default {
			box-sizing: border-box;
			border: 1px solid #EBEBEB;
			border-radius: 5px;
		}

/* Cols */
.margin-right[class|="col-left"],
.margin-right[class|="col-right"] {
	padding-right: 5px;
}
.margin-left[class|="col-left"],
.margin-left[class|="col-right"] {
	padding-left: 5px;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10 {
	display: inline-block;
	vertical-align: top;
	padding: 10px 0px;
}

.col-left-1,
.col-left-2,
.col-left-3,
.col-left-4,
.col-left-5,
.col-left-6,
.col-left-7,
.col-left-8,
.col-left-9,
.col-left-10 {
	float: left;
	padding: 10px 0px;
}

.col-right-1,
.col-right-2,
.col-right-3,
.col-right-4,
.col-right-5,
.col-right-6,
.col-right-7,
.col-right-8,
.col-right-9,
.col-right-10 {
	float: right;
	padding: 10px 0px;
}

.col-1,
.col-left-1,
.col-right-1 {
	width: 10%;
}
.col-2,
.col-left-2,
.col-right-2 {
	width: 20%;
}
.col-3,
.col-left-3,
.col-right-3 {
	width: 30%;
}
.col-4,
.col-left-4,
.col-right-4 {
	width: 40%;
}
.col-5,
.col-left-5,
.col-right-5 {
	width: 50%;
}
.col-6,
.col-left-6,
.col-right-6 {
	width: 60%;
}
.col-7,
.col-left-7,
.col-right-7 {
	width: 70%;
}
.col-8,
.col-left-8,
.col-right-8 {
	width: 80%;
}
.col-9,
.col-left-9,
.col-right-9 {
	width: 90%;
}
.col-10,
.col-left-10,
.col-right-10 {
	width: 100%;
}

.col-full {
	width: 100%;
	float: left;
}


/* Filter forms */
.filter-form {
	position: relative;
	/*overflow: auto;*/
}
	body.parent-admin .filter-form .filter-container {
		padding: 0px 10px 10px 10px;
	}
	.filter-form .filter-container {
		float: left;
		display: inline-block;
		padding: 0px 0px 10px 0px;
		box-shadow: none;
		box-sizing: border-box;
		margin: 0;
		margin-top: 5px;
		background-color: white;        
		border-radius: 5px;
	}
	.filter-form .filter-block {
		float: left;
		display: inline-block;
		padding: 5px 0;
		border: 0;
		box-shadow: none;
		box-sizing: border-box;
		width: 100%;
		margin: 0;
		max-width: 770px;
	}
		.filter-form .filter-block input {
			width: auto;
			margin-right: 5px;
		}
		.filter-form .filter-block .items-input-dynamic-select,
		.filter-form .filter-block .input-label {
			width: auto;
			display: inline-block;
			vertical-align: top;
			margin-left: 10px;
		}
			.filter-form .filter-block .items-input-dynamic-select > .input,
			.filter-form .filter-block .input-label > .input {
				margin-left: 5px;
				width: 160px;
				box-sizing: border-box;
			}
				.filter-form .filter-block .items-input-dynamic-select > .input > .desc,
				.filter-form .filter-block .input-label > .input > .desc {
					display: block;
				}
				.filter-form .filter-block .input > .dynamic-items {
					/*width: 300px;*/
				}
			.filter-form .filter-block .items-input-dynamic-select > .label,
			.filter-form .filter-block .input-label > .label {
				padding-right: 5px;
				padding-left: 5px;
				width: auto;
				display: inline-block;
			}

		/*.filter-form .filter-block input,
		.filter-form .filter-block .dynamic-select {
			margin-right: 10px;
		}*/
		.filter-form .filter-block .section-submit {
			display: inline-block;
			width: auto;
			vertical-align: top;
		}
	.filter-form .filter-content {
		float: left;
		display: inline-block;
		border: 0;
		box-shadow: none;
		box-sizing: border-box;
	}

.filter-form .filter-container .block-default > .block-holder,
.filter-form .filter-container .block-default > .block-holder .table-default {
	border: 0;
}

.block-actions-menu {
	display: inline-block;
	width: 100%;
	background-color: #FFF;
	border: 1px solid #ebebeb;
	box-shadow: 0px 2px 0px #EFEFEF;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
	.block-actions-menu > li {
		display: inline-block;
		float: left;
	}
		.block-actions-menu > li > a {
			height: 30px;
			line-height: 30px;
			float: left;
			display: inline-block;
			color: #A1A1A1;
			font-size: 14px;
			text-transform: uppercase;
			cursor: pointer;
			padding: 0 20px;
			border-right: 1px solid #D8E8D8;
			text-decoration: none;
		}
			.block-actions-menu > li:hover > a,
			.block-actions-menu > li.active > a {
				color: #3D3D3D;
				box-shadow: 0px -2px 0px #2746A8 inset;
			}

.block-sub-menu {
	display: inline-block;
	width: 100%;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 10px;
}
	.block-sub-menu > li {
		display: inline-block;
		float: left;
		margin: 0 10px;
	}
	.block-sub-menu.on-right > li {
		float: right;
	}
		.block-sub-menu > li > a {
			margin: 0;
			display: inline-block;
			font-size: 14px;
			height: 30px;
			line-height: 29px;
			padding: 0px 20px;
			border-radius: 4px;
			text-decoration: none;
			cursor: pointer;
			min-width: 71px;
			text-align: center;
			font-weight: bold;
		}
/**
 * rome - Customizable date (and time) picker. Opt-in UI, no jQuery!
 * @version v2.1.0
 * @link https://github.com/bevacqua/rome
 * @license MIT
 */
.rd-container {
	display: inline-block;
	border: 1px solid #2746A8;
	background-color: #fff;
	padding: 0;
	text-align: center;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.rd-container-attachment {
	position: absolute;
}

.rd-month-label {
	color: #3D3D3D;
	line-height: 25px;
	height: 25px;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
}

.rd-date {
	padding: 0px 12px 10px 12px;    
}

.rd-month {
	display: inline-block;
	margin-right: 25px;
}
	.rd-month:last-child {
		margin-right: 0;
}

	.rd-days-head,
	.rd-day-body {
		font-size: 15px;
		display: inline-block;
		height: 26px;
		line-height: 26px;
		color: #3D3D3D;
	}
		.rd-day-head {
			font-weight: bold;
		}
		.rd-day-head,
		.rd-day-body {
			width: 26px;
			text-align: center;
		}
		.rd-day-body.rd-day-prev-month,
		.rd-day-body.rd-day-next-month {
			color: #999;
		}

	.rd-days-body {

	}

.rd-back,
.rd-next {
	cursor: pointer;
	border: none;
	outline: none;
	background: none;
	padding: 0;
	margin: 8px 0px 0px 0px;
}
	.rd-back[disabled],
	.rd-next[disabled] {
		cursor: default;
	}

	.rd-back {
		float: left;
	}
	.rd-next {
		float: right;
	}
		.rd-back:before {
			display: block;
			content: '\2190';
		}
		.rd-next:before {
			display: block;
			content: '\2192';
		}

.rd-day-body:not(.rd-day-selected):hover {
	background-color: #EDEDED;
}

.rd-day-body {
	cursor: pointer;
}

.rd-day-selected,
.rd-time-selected {
	cursor: pointer;
	background-color: #2746A8;
	border-radius: 3px;
	color: #fff;
}
	.rd-time-selected {
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
	}

.rd-time-option {
	font-size: 15px;
	padding: 5px;
	color: #3D3D3D;
}
	.rd-time-option:hover {
		cursor: pointer;
		background-color: #2746A8;
		color: #fff;
	}

.rd-day-disabled {
	cursor: default;
	color: #fcc;
}
.rd-time {
	position: relative;
	display: inline-block;
	min-width: 90px;
}

.rd-time-list {
	display: none;
	position: absolute;
	overflow-y: scroll;
	max-height: 160px;
	left: 0;
	right: 0;
	background-color: #fff;
	color: #333;
	border-left: 1px solid #2746A8;
	border-right: 1px solid #2746A8;
	border-bottom: 1px solid #2746A8;
}

.rd-time-selected {
	padding: 3px 5px;
}

.rd-day-concealed {
	visibility: hidden;
}

/**
 * Website Styles
 *
 */

.parent-home .header-base-left {
	margin-top: 1%;
}

	.menu-left-logo {
/* 
		height: 27px;
 */
		display: inline-block;
/* 
		max-width: 280px;
 */
		margin-left:-0.04em;margin-top:0.03em;
	}
		.menu-left-logo > img {
			width: 100%;
		}

	.header-base-left {
		z-index: 10;
		box-sizing: border-box;
		max-width: 310px;
		position: fixed;
		padding-right: 20px;
		padding-top: 40px;
		padding-left: 10px;
	}
		.main-menu-left {
		margin-left:0px;
			margin-top: 29px;
			display: inline-block;
		}
			.main-menu-left > li {
				width: 100%;
				float: left;
				display: inline-block;
			}


				.main-menu-left > li > a {
					float: left;
					display: inline-block;
					font-family: 'GothamBold';
					color: #2746A8;
					font-size: 18px;
					width: 100%;
				}
				.main-menu-left > li.consultas-detalles-1 > a {
					position: relative;
					top: -1px;
				}
				.main-menu-left > li.consultas-detalles-1 > a,
				.main-menu-left > li.consultas-reservar > a {
					font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
					font-size: 23px;
				}
				
				
/* 
lo espacio más al quitar submenus detalles consulta astrologica:
 */

				.main-menu-left > li.escuela-1 > a {
					font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
font-size: 22px;
/* 
font-size: 18px;
	font-family: GothamBook;		
				margin-left:0px;
 */

					margin-top: 1px;
					margin-bottom: 2px;
				}							
/* 
fin quitar esto				
 */			
				.main-menu-left > li:hover > a {
					text-decoration: none;
					color: #DB2471;
				}

			.main-menu-left > li.escuela > a, .main-menu-left > li.escuela_cursos > a , .main-menu-left > li.escuela_pral > a{
				margin-top: 8px;

			}
			.main-menu-left > li.cursos > a {
			line-height: 33px;				margin-top: 8px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
			.main-menu-left > li.cursos1 > a {
			line-height: 33px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
			
			.main-menu-left > li.evolutiva > a
			{
			line-height: 34px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
			.main-menu-left > li.asteroides > a
			{
			line-height: 34px;				margin-top: -3px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
			.main-menu-left > li.vivencial1 > a
			{
			line-height: 34px;				margin-top: -3px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
			.main-menu-left > li.avanzada1 > a
			{
			line-height: 34px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
			.main-menu-left > li.electiva1 > a
			{
			line-height: 34px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
						.main-menu-left > li.terapeutica1 > a
			{
			line-height: 34px;				margin-top: -3px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}

.main-menu-left > li.avanzada > a {

			margin-top: 16px;margin-bottom: 7px; /* POSO 0px SI TORNO A POSAR INTRODUCTORIO // AL ABRIR VERANO PONGO: margin-top: 27px; */
										}
.main-menu-left > li.electiva > a {

			margin-top: 16px;margin-bottom: 7px; /* POSO 0px SI TORNO A POSAR INTRODUCTORIO // AL ABRIR VERANO PONGO: margin-top: 27px; */
										}

.main-menu-left > li.principal > a {
			margin-top: 16px;margin-bottom: 0px; /* POSO 0px SI TORNO A POSAR INTRODUCTORIO // AL ABRIR VERANO PONGO: margin-top: 27px; */
										}
			
.main-menu-left > li.monograficos > a {
			margin-top: 16px;margin-bottom: 7px; /* POSO 0px SI TORNO A POSAR INTRODUCTORIO // AL ABRIR VERANO PONGO: margin-top: 27px; */
										}

.main-menu-left > li.monograficos2 > a {
			margin-top: 23px;margin-bottom: 7px; /* POSO 0px SI TORNO A POSAR INTRODUCTORIO // AL ABRIR VERANO PONGO: margin-top: 27px; */
										}
										
.main-menu-left > li.monograficos1 > a {
			margin-top: 7px;margin-bottom: 0px; /* POSO 0px SI TORNO A POSAR INTRODUCTORIO // AL ABRIR VERANO PONGO: margin-top: 27px; */
										}
										
.main-menu-left > li.monograficos3 > a {
			margin-top: 9px;margin-bottom: 7px; /* POSO 0px SI TORNO A POSAR INTRODUCTORIO // AL ABRIR VERANO PONGO: margin-top: 27px; */
										}
.main-menu-left > li.monograficos3bis > a {
			margin-top: 10px;margin-bottom: 7px; /* POSO 0px SI TORNO A POSAR INTRODUCTORIO // AL ABRIR VERANO PONGO: margin-top: 27px; */
										}


						.main-menu-left > li.terapia > a
			 {
			line-height: 33px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
				.main-menu-left > li.practicas > a
			 {
			line-height: 33px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
				.main-menu-left > li.vivencial > a
			 {
			line-height: 33px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
				.main-menu-left > li.terapeutica2 > a
			 {
			line-height: 33px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
				.main-menu-left > li.avanzada2 > a
			 {
			line-height: 33px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
				.main-menu-left > li.electiva2 > a
			 {
			line-height: 33px;				margin-top: 0px;/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			}
			/* AL ABRIR VERANO PONGO: margin-top: 0px; */
			/* 
	.main-menu-left > li.cosmolove_link > a {
			line-height: 33px;				margin-top: 0px;
			}
		
 */
/* 
			.main-menu-left > li.introductorio > a {
			margin-top: 15px; 
			}
				
 */		.main-menu-left > li.varioscursos1 > a {
			margin-top: 8px;
							color: #d2b954;   

			}
.main-menu-left > li.varioscursos1solo > a {
			margin-top: 8px;
							color: #d2b954;   

			}
			
			.main-menu-left > li.escuela_pral2 > a {
			margin-top: 9px;
			margin-bottom: 6px;

			}
			.main-menu-left > li.escuela_pral2solo > a {
			margin-top: 8px;
			margin-bottom: 6px;

			}
			
			.main-menu-left > li.varioscursos2 > a {
			margin-top: 13px;
			margin-bottom: 6px;
							color: #d2b954;   

			}
		.main-menu-left > li.varioscursos3 > a {
			margin-top: 13px;
			margin-bottom: -2px;
							color: #d2b954;   

			}
			
			.main-menu-left > li.cartas > a{
			line-height: 33px;				margin-top: 15px;	/*  era 20 antes */
			}
			
				
			.main-menu-left > li.consultas-detalles > a{
							line-height: 33px;margin-top: 8px;	/*  era 22 antes */
			}
					
				
			.main-menu-left > li.consultas-detalles2 > a{
							line-height: 33px;margin-top: -5px;	/*  era 22 antes */
			}
					
				.main-menu-left > li.personal > a{
			line-height: 33px;margin-top: 2px; /*  era 20 antes AGRUPAR DE 2 EN 2 EN 2023 */
						}
			.main-menu-left > li.recompensas > a{
			line-height: 33px;margin-top: 2px; /*  era 20 antes AGRUPAR DE 2 EN 2 EN 2023 */
						}
						
				
			.main-menu-left > li.ediciones > a{
			line-height: 33px;
			}	


			.main-menu-left > li.nosotros > a{
							line-height: 33px;margin-top: 15px;	/*  era 20 antes */
			}
			.main-menu-left > li.testimonios > a {
				line-height: 33px;			
			}
			.main-menu-left > li.garantia > a {
				line-height: 33px;			
			}
			.main-menu-left > li.contacto > a {
				line-height: 33px;				margin-bottom: 8px;
			}

/* 
añado esto cuando quito submenus consulta astrológica
 */



			body.parent-consultas .main-menu-left > li.consultas-detalles > a,
			body.parent-consultas .main-menu-left > li.consultas-detalles2 > a,
			body.parent-consultas.child-detalles .main-menu-left > li.consultas-detalles-1 > a,
			body.parent-consultas.child-reservar .main-menu-left > li.consultas-reservar > a,
			body.parent-cartas .main-menu-left > li.cartas > a,
			body.parent-personal .main-menu-left > li.personal > a,
			body.parent-login .main-menu-left > li.personal > a,
			body.parent-logincartas .main-menu-left > li.cartas > a,
			body.parent-escuela .main-menu-left > li.escuela > a,
			body.parent-cursos:not(.child-monograficos) .main-menu-left > li.escuela_cursos > a,
			body.parent-cursos:not(.child-monograficos):not(.child-view):not(.child-postgrado-asteroides):not(.child-postgrado-astrologia-vivencial):not(.child-postgrado-astrologia-terapeutica):not(.child-postgrado-practicas-de-interpretacion-lucia):not(.child-postgrado-astrologia-avanzada):not(.child-postgrado-monograficos):not(.child-postgrado-electiva):not(.child-introductorio) .main-menu-left > li.escuela_pral > a,
/* 
			body.parent-cursos:not(.child-monograficos) .main-menu-left > li.escuela_pral2 > a,
 */
			body.parent-cursos:not(.child-monograficos):not(.child-formacion-2) .main-menu-left > li.escuela_pral2solo > a,
			body.parent-cursos:not(.child-formacion-1):not(.child-formacion-2):not(.child-elige_modalidad):not(.child-barcelona-1):not(.child-online-1):not(.child-varios-cursos)/* :not(.child-monograficos) lo quito porque sino en monograficos no marca OTRAS FORMACIONES */ .main-menu-left > li.cursos > a,

			body.parent-cursos:not(.child-formacion-1):not(.child-formacion-2):not(.child-elige_modalidad):not(.child-barcelona-1):not(.child-online-1):not(.child-varios-cursos):not(.child-monograficos) .main-menu-left > li.cursos1 > a,

			body.parent-cursos.child-elige_modalidad .main-menu-left > li.escuela_pral2 > a,

			body.parent-cursos.child-evolutiva .main-menu-left > li.evolutiva > a,
			body.parent-cursos.child-asteroides .main-menu-left > li.asteroides > a,
			body.parent-cursos.child-vivencial .main-menu-left > li.vivencial1 > a,
			body.parent-cursos.child-terapeutica .main-menu-left > li.terapeutica1 > a,
			body.parent-cursos.child-avanzada .main-menu-left > li.avanzada1 > a,
			body.parent-cursos.child-electiva .main-menu-left > li.electiva1 > a,
			body.parent-cursos.child-postgrado-astrologia-evolutiva .main-menu-left > li.evolutiva > a,
			body.parent-cursos.child-postgrado-asteroides .main-menu-left > li.asteroides > a,
			body.parent-cursos.child-postgrado-astrologia-vivencial .main-menu-left > li.vivencial1 > a,
			body.parent-cursos.child-postgrado-astrologia-terapeutica .main-menu-left > li.terapeutica1 > a,
			body.parent-cursos.child-postgrado-astrologia-avanzada .main-menu-left > li.avanzada1 > a,
			body.parent-cursos.child-postgrado-astrologia-electiva .main-menu-left > li.electiva1 > a,
			body.parent-cursos.child-postgrado-astrologia-terapeutica .main-menu-left > li.terapia > a,
			body.parent-cursos.child-postgrado-astrologia-vivencial .main-menu-left > li.vivencial > a,
			body.parent-cursos.child-postgrado-astrologia-terapeutica .main-menu-left > li.terapeutica2 > a,
			body.parent-cursos.child-postgrado-astrologia-avanzada .main-menu-left > li.avanzada2 > a,
			body.parent-cursos.child-postgrado-astrologia-electiva .main-menu-left > li.electiva2 > a,
			body.parent-cursos.child-postgrado-practicas-de-interpretacion-lucia .main-menu-left > li.practicas > a,
			body.parent-cursos.child-practicas .main-menu-left > li.practicas > a,

			body.parent-cursos.child-introductorio .main-menu-left > li.introductorio > a,
			body.parent-cursos.child-varios-cursos .main-menu-left > li.varioscursos1 > a,
			body.parent-cursos.child-varios-cursos .main-menu-left > li.varioscursos1solo > a,
			body.parent-cursos.child-varios-cursos .main-menu-left > li.varioscursos2 > a,
			body.parent-cursos.child-varios-cursos .main-menu-left > li.varioscursos3 > a,

			body.parent-cursos.child-monograficos .main-menu-left > li.monograficos > a,
			body.parent-cursos.child-monograficos .main-menu-left > li.monograficos1 > a,
			body.parent-cursos.child-monograficos .main-menu-left > li.monograficos2 > a,
			body.parent-cursos.child-monograficos .main-menu-left > li.monograficos3 > a,

			body.parent-testimonios .main-menu-left > li.testimonios > a,
			body.parent-garantia .main-menu-left > li.garantia > a,
			body.parent-contacto .main-menu-left > li.contacto > a,
			body.parent-astrologos .main-menu-left > li.nosotros > a,
			body.parent-nosotros .main-menu-left > li.nosotros > a,
			body.parent-libro .main-menu-left > li.ediciones > a,
			body.parent-recompensas .main-menu-left > li.recompensas > a,
			body.parent-editorial .main-menu-left > li.ediciones > a {
				color: #DB2471;
			}
			body.parent-escuela_pral2 .main-menu-left > li.cursos > a{
				color: #2746A8;
						}


hr {
	margin: 0px;
	border: 0;
	border-top: 1px solid #e3e3e3;
	color: #E9E5DC;
	clear: both;
	width: 100%;
	display: inline-block;
	float: left;
}

hr.bold {
	border-top: 2px solid #000000;
}

#footer {
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	box-sizing: border-box;
	margin-top: 1px;
	display: inline-block;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 41px;
}
	#footer .footer-facebook,
	#footer .footer-instagram,
	#footer .footer-youtube {
		vertical-align: top;
		margin-top: 2px;
		display: inline-block;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	#footer .footer-facebook {
		width: 12px;
		height: 13px;
		background-image: url(../../images/site/footer/logos/facebook_off2.png);
	}
		#footer .footer-facebook:hover {
			background-image: url(../../images/site/footer/logos/facebook_on.png);
		}
	#footer .footer-instagram {
		width: 15px;margin-top:1px;
		height: 15px;
		background-image: url(../../images/site/footer/logos/instagram_off.png?2);
	}
		#footer .footer-instagram:hover {
			background-image: url(../../images/site/footer/logos/instagram_on.png?2);
		}
	#footer .footer-youtube {
		width: 37px;
		height: 15px;
		margin-top: 1px !important;
		background-image: url(../../images/site/footer/logos/youtube_off2.png);
	}
		#footer .footer-youtube:hover {
			background-image: url(../../images/site/footer/logos/youtube_on.png);
		}
	#footer hr {
		margin-top: 0px;
		height: 1px;
		margin-bottom: 4px;
	}
	#footer .base-size {
		box-sizing: border-box;
		padding-left: 10px;
	}
	#footer .footer-text.footer-text-1,
	#footer .footer-text.footer-text-2 {
		color: #BCBCBC;
		text-align: left;
		font-style: italic;
		line-height: 30px;
		font-size: 21.7px;
		letter-spacing: .0px;
	}
	#footer .footer-text {
		line-height: 25px;
		white-space: nowrap;
	}
	#footer .all-logos {
		max-width: 970px;
		margin-top: 9px;
	}
	#footer .footer-text.footer-text-3 {
		color: #BCBCBC;
		letter-spacing: .0px;
		font-size: 17px;
		line-height: 17px;
		width: 100%;
		display: inline-block;
		margin-bottom: 5px;
	}
		#footer .footer-text.footer-text-3.footer-text-header {
			margin-top: 6px;
			margin-bottom: 8px;
		}
			#footer .footer-text.footer-text-3.footer-text-header > img {

			}
		#footer .footer-text.footer-text-3.footer-text-address {
			margin-top: 3px;
			margin-bottom: 9px;
			float: left;
		}
			#footer .footer-text.footer-text-3.footer-text-address > a {
				color: #BCBCBC;
			}
			#footer .footer-text.footer-text-3.footer-text-address > a > img {
				float: left;
				width: 61px;
				height: 20px;
			}
			#footer .footer-text.footer-text-3.footer-text-address > img {
				width: 599px;
				float: left;
			}
		#footer .footer-text.footer-text-3.footer-copyright-text {
			color: #BCBCBC;
			margin-top: 0px;
			font-size: 16.6px;
		}
			#footer .footer-text.footer-text-3.footer-copyright-text > a {
				font-size: 16.6px;
				color: #BCBCBC;
				display: inline-block;
				line-height: 30px;
			}
				#footer .footer-text.footer-text-3.footer-copyright-text > a > img {
					height: 17px;
				}
		#footer .footer-text.footer-text-3 > img,
		#footer .footer-text.footer-text-3 > a > img {
			width: 100%;
		}
	#footer .footer-media {
		float: left;
		display: inline-block;
		/*width: 100%;*/
		width: 665px;
		margin-bottom: 3px;
	}
		#footer .footer-media > a:last-child {
			margin-right: 0;
		}
		#footer .footer-media > a {
			margin-bottom: 0px;
			font-size:13px;
			vertical-align: top;
			display: inline-block;
			float: left;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
		}
			#footer .footer-media > a.media-universidad-barcelona {
				margin-left: 1px;
				width: 81px;
				height: 55px;
				background-image: url(../../images/site/footer/logos/icons/22.png);
			}
				#footer .footer-media > a.media-universidad-barcelona:hover,
				body.child-master-universidad-barcelona #footer .footer-media > a.media-universidad-barcelona {
					background-image: url(../../images/site/footer/logos/icons/22n.png);
				}
		#footer .footer-media > a.media-master-borja-vilaseca-institute {
				position: relative;
				top: -2px;
				margin-left: -4px;
				width: 83px;
				height: 57px;
				background-image: url(../../images/site/footer/logos/icons/3.png?4);
			}
				#footer .footer-media > a.media-master-borja-vilaseca-institute:hover,
				body.child-master-universidad-barcelona #footer .footer-media > a.media-master-borja-vilaseca-institute {
					background-image: url(../../images/site/footer/logos/icons/3n.png?4);
				}
				
			#footer .footer-media > a.media-universidad-valencia {
				position: relative;
				top: -2px;
				margin-left: 21px;
				width: 90px;
				height: 57px;
				background-image: url(../../images/site/footer/logos/icons/12bis.png);
			}
				#footer .footer-media > a.media-universidad-valencia:hover,
				body.child-master-universidad-valencia #footer .footer-media > a.media-universidad-valencia {
					background-image: url(../../images/site/footer/logos/icons/12n.png);
				}
					
			
			#footer .footer-media > a.media-institut-gestalt {
				position: relative;
				top: -2px;
				margin-left: 21px;
				width: 75px;
				height: 57px;
				background-image: url(../../images/site/footer/logos/icons/1tris.png);
			}
				#footer .footer-media > a.media-institut-gestalt:hover,
				body.child-institut-gestalt #footer .footer-media > a.media-institut-gestalt {
					background-image: url(../../images/site/footer/logos/icons/1n.png);
				}
				
				#footer .footer-media > a.media-CCCB {
				margin-left: 0px;
				margin-top: -3px;
				width: 87px;
				height: 60px;
				background-image: url(../../images/site/footer/logos/icons/23.png?1);
			}
				#footer .footer-media > a.media-CCCB:hover,
				body.child-CCCB #footer .footer-media > a.media-CCCB {
					background-image: url(../../images/site/footer/logos/icons/23n.png?1);
				}
				
				
			#footer .footer-media > a.media-psychologies {
				position: relative;
				top: -2px;
				margin-left: 7px;
				width: 90px;
				height: 57px;
				background-image: url(../../images/site/footer/logos/icons/7.png);
			}
				#footer .footer-media > a.media-psychologies:hover,
				body.child-psychologies #footer .footer-media > a.media-psychologies {
					background-image: url(../../images/site/footer/logos/icons/7n.png);
				}
			#footer .footer-media > a.media-catalunya-radio {
				position: relative;
				top: -2px;
				margin-left: 22px;
				width: 74px;
				height: 57px;
				background-image: url(../../images/site/footer/logos/icons/5.png);
			}
				#footer .footer-media > a.media-catalunya-radio:hover,
				body.child-catalunya-radio #footer .footer-media > a.media-catalunya-radio {
					background-image: url(../../images/site/footer/logos/icons/5n.png);
				}
			#footer .footer-media > a.media-cadena-ser {
				position: relative;
				top: -2px;
				margin-left: 10px;
				width: 87px;
				height: 57px;
				background-image: url(../../images/site/footer/logos/icons/4.png);
			}
				#footer .footer-media > a.media-cadena-ser:hover,
				body.child-cadena-ser #footer .footer-media > a.media-cadena-ser {
					background-image: url(../../images/site/footer/logos/icons/4n.png);
				}

body:not(.page-home) #footer .footer-text-3,
body:not(.page-home) #footer .footer-media {
	display: inline-block;
}
body:not(.page-home) #footer .all-logos,
body:not(.page-home) #footer .footer-text-1,
body:not(.page-home) #footer .footer-text-2,
body.page-home #footer .footer-text-3,
body.page-home #footer .footer-media,
body.page-home #footer hr {
	display: none;
}

/* HOME PAGE */
.home-container {
	text-align: center;
	padding-left: 30px;
	padding-right: 72px;
	padding-top: 10px;
	margin-bottom: 24px;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
}
	.home-container .home-tagline {
		font-family: GothamBold;
		font-size: 19px;
		margin-left: -35px;
		margin-top: 30px;
		margin-bottom: 0px;
	}
#circle-animation {
	border-radius: 0px;
	height: 390px;
	margin-top: 65px;
	margin-bottom: 0px;
	margin-left: 55px;
}

/* MOBILE STYLES */
body:not(.parent-admin):not(.parent-home) #web .base-size {
	padding-top: 42px;
}

body:not(.page-home) #footer > .base-size {
	padding-left: 310px;
}

/* 
//esto afecta a el contenido de texto dentro de cartas y personal si lo pongo:
 */
body:not(.page-home) #footer > .base-size > .footer-content,
.static-page,
body.parent-personal.child-index #personal-content,
body.parent-personal.child-index .tabs-container-default-full,
body.parent-personal.child-clases #personal-content,
body.parent-personal.child-clases .tabs-container-default-full,
body.parent-personal.child-consultas #personal-content,
body.parent-personal.child-consultas .tabs-container-default-full,
body.parent-personal.child-libros #personal-content,
body.parent-personal.child-libros .tabs-container-default-full,

body.parent-cartas.child-card #cartas-content,
/* 
body.parent-cartas.child-settings #cartas-content,
 */
body.parent-cartas.child-clases #cartas-content,
body.parent-cartas.child-items .tabs-container-default-full,
body.parent-cartas.child-settings .tabs-container-default-full,
body.parent-cartas.child-add .tabs-container-default-full,
body.parent-cartas.child-editar .tabs-container-default-full {
	display: inline-block;
	width: 100%;
	padding: 0px 21px 0px 9px;
	box-sizing: border-box;
}

/* //esconde tabs */
body:not(.logged).parent-cartas.child-card .tabs-menu-default-full {
	display: none;
}
/* 
//esconde tabs
 */
/* 
body.parent-personal.child-clases .tabs-menu-default-full,
 */
/* 
body.parent-personal.child-consultas .tabs-menu-default-full,
 */
body.parent-cartas.child-card .tabs-menu-default-full,

/* 
body.parent-cartas.child-settings .tabs-menu-default-full,
 */
body.parent-cartas.child-clases .tabs-menu-default-full,
body.parent-cartas.child-clases .tabs-menu-default-full
/* 
body.parent-cartas.child-add .tabs-menu-default-full,
 */
/* 
body.parent-cartas.child-editar .tabs-menu-default-full 
 */
 {
	display: none;
}

/* 
body.parent-personal.child-clases .tab-content-default-full,
 */
body.parent-cartas.child-card .tab-content-default-full,
/* 
body.parent-cartas.child-add .tab-content-default-full,
 */
body.parent-cartas.child-settings .tab-content-default-full,
body.parent-cartas.child-clases .tab-content-default-full,
body.parent-cartas.child-editar .tab-content-default-full {
	padding-top: 0px;
}

body.parent-cartas.child-add .tab-content-default-full {/*  aqui se toca la distancia entre botones cartas y hr inferior */
	padding-top: 26px;
}
/* 
body.parent-personal.child-clases .tab-content-default-full {
	margin-bottom: 20px;
}
 */

.static-page {
}
	.static-page > a {
		float: left;
		display: inline-block;
	}
		.static-page > p a:hover {
			text-decoration: none;
			color: #DB2471;
		}
	.static-page > img.header-image,
	.static-page img.header-image {
		margin-top: 0px;
		margin-bottom: 22px;
	}
	.static-page > img {
		float: left;
		margin: 10px 0px 8px 0px;
	}
	.static-page > img:last-child {
		margin-bottom: 25px;
	}
	.static-page > img,
	.static-page > a > img {
		display: inline-block;
		float: left;
		border-radius: 4px;
		max-width: 100%;
	}
	.static-page > p > a > i {
		margin-right: 1px;
	}
	.static-page > p > i {
		margin-right: 1px;
	}
	.static-page > p > img {
		margin: 20px 0px 22px 0px;
	}
	.static-page > p > img {
		float: left;
	}
	.static-page > blockquote {

	}
	.static-page > p,
	.static-page > .static-p > p,
	.static-page > blockquote > p {
		float: left;
		display: inline-block;
		margin: 8px 0 7px 0;
		font-size: 23px;
		line-height: 28px;
		width: 100%;
	}
		.static-page .static-p-plain-desc {
			line-height: 28px;
			margin-bottom: 3px;
		}
		.static-page .static-p-title,
		.static-page .static-p-plain-title  {
			margin-top: 17px;
			font-weight: normal;
			font-family: CrimsonSemibold;
			margin-bottom: 2px;
		}
		.static-page .static-p-desc,
		.static-page .static-p-plain-desc {
			line-height: 28px;
			margin-bottom: 3px;
			color: #666;
		}
		.static-page .static-p-plain-desc {
			color: #666;
		}
		.static-page > .static-p > p.static-p-download,
		.static-page > p.static-p-download {
			margin-top: 20px;
			display: flex;
			align-items: center;
		}
			.static-page p.static-p-download a:hover {
				color: #DB2471;
				text-decoration: none;
			}
			.static-page p.static-p-download > img {
				margin: 0px;
				margin-right: 5px;
				flex: none;
			}
	.static-page > blockquote {
		color: #999;
		border-left: 5px solid #ccc;
		margin: 15px 30px 0 10px;
		padding-left: 20px;
		display: inline-block;
		width: 100%;
		float: left;
		box-sizing: border-box;
	}
		.static-page > blockquote > p {

		}
	.static-page > .static-p {
		float: left;
		display: inline-block;
		width: 100%;
	}
		.static-page > .static-p > .float-right,
		.static-page > .static-p > .float-left {
			margin-top: 10px;
		}
			.static-page > .static-p > .float-right > span,
			.static-page > .static-p > .float-left > span {
				display: block;
				width: 100%;
				text-align: center;
				font-size: 14px;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			.static-page > .static-p > .float-right {
				margin-left: 20px;
				float: right;
			}
			.static-page > .static-p > .float-left {
				margin-right: 20px;
				float: left;
			}
		.static-page > .static-p > p {
			float: none;
			width: auto;
			display: block;
			padding: 8px 0 7px 0;
			margin: 0;
			box-sizing: border-box;
		}
	.static-page > h3 {
		float: left;
		display: inline-block;
		margin: 21px 0px 12px 0px;
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		font-size: 18px;
		line-height: 18px;
		padding: 0;
		text-transform: uppercase;
	}
	.static-page br {
		line-height: 40px;
	}
	.static-page > hr {
		display: inline-block;
		width: 100%;
		margin-top: 23px;
		margin-bottom: 15px;
	}
	.static-page b,
	.static-page strong {
		font-size: 23px;
		line-height: 28px;
		font-weight: normal;
		font-family: CrimsonSemibold;
	}
	.static-page > p > b,
	.static-page > p > strong {
		font-weight: normal;
		line-height: 21px;
	}
	.static-page > ul,
	.static-page ul.static-list {
		float: left;
		box-sizing: border-box;
		padding-left: 40px;
		display: inline-block;
		width: 100%;
		list-style: circle;
		margin-top: 8px;
	}
		.static-page ul.static-list {
			padding-left: 25px;
			margin-left: 0px;
			box-sizing: border-box;
		}
		.static-page ul.static-list.white-circles > li {
			list-style-type: circle;
		}
		.static-page > ul > li,
		.static-page ul.static-list > li {
			width: 100%;
			float: left;
			list-style-type: disc;
			line-height: 38px;
			margin: 5px 0px 3px 0px;
		}
		.static-page ul.static-list.margin-medium > li {
			margin: 5px 0px 10px 0px;
		}
		.static-page ul.static-list.margin-small > li {
			margin: 5px 0px 3px 0px;
		}
			.static-page ul.static-list.margin-small > li > a {
				text-decoration: none;
			}
			.static-page ul.static-list.margin-small > li > a:hover {
				color: #DB2471;
				text-decoration: none;
			}
		.static-page ul.static-list.margin-medium > li {
			margin: 8px 0px 6px 0px;
		}
			.static-page ul.static-list.margin-medium > li > a {
				text-decoration: none;
			}
			.static-page ul.static-list.margin-medium > li > a:hover {
				color: #DB2471;
				text-decoration: none;
			}
		.static-page ul.static-list > li {
			font-size: 23px;
			line-height: 28px;
			margin-left: 0px;
		}
			.static-page > ul > li > a,
			.static-page ul.static-list > li > a {
				color: #2746A8;
				text-decoration: underline;
			}
				.static-page > ul > li > a:hover,
				.static-page ul.static-list > li > a:hover {
					color: #DB2471;
				}
	.static-page .base-title-top {
		display: inline-block;
		font-family: GothamBold;
		font-size: 20px;
		line-height: 25px;
		text-transform: uppercase;
		width: 100%;
		margin-bottom: 17px;
		color: #DB2471;

	}
	.static-page .base-title,
	.static-page .base-title-sub,
	.static-page .base-title-bold{
		display: inline-block;
		width: 100%;
		float: left;
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		overflow: visible;
		font-size: 18px;
		line-height: 30px;
		text-transform: uppercase;
		color: #DB2471;
		padding-top: 0px;
	}
		body:not(.device-handset) .static-page > .base-title:first-child,
		body:not(.device-handset) .static-page > .base-title-sub:first-child,
		body:not(.device-handset) .static-page > .base-title-bold:first-child,
		body:not(.device-handset) .static-page > .base-title-top:first-child {
			line-height: 29px;
		}
		.static-page .base-title-bold {
			margin-top: 5px;
			margin-bottom: 2px;
			font-size: 18px;
		}
		.static-page .base-title-sub {
			margin-top: 20px;
		}
	.static-page .li-margin-group {
		margin-bottom: 0;
	}
	.static-page .li-margin-top {
		margin-top: 5px;
	}
	.static-page .li-margin-bottom {
		margin-top: 0;
		margin-bottom: 3px;
	}

	.static-page .btn-front-full {
		float: left;
	}

	.static-page .info-icon {
		height: 16px;
		position: relative;
		top: -4px;
		margin-left: 3px;
	}
	.inline-tooltip {
		margin-top: 15px;
	}
		.inline-tooltip br {
			line-height: 28px;
		}
.static-underline {
 	text-decoration: underline;		
}

.static-center {
	float: left;
	width: 100%;
	text-align: center;
}

.static-subscribe-container {
	display: inline-block;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 19px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin: 15px 0px 15px 0px;
}
	.static-subscribe-container > a {
		padding-left: 8px;
		padding-right: 11px;
		padding-right: 11px;
		margin-right: 9px;
	}
	.static-subscribe-container > span {
		line-height: 25px;
	}


.static-subscribe-container2 {
	display: inline-block;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	margin: 15px 0px 0px 0px;
}
	.static-subscribe-container2 > a {
		padding-left: 8px;
		padding-right: 11px;
		padding-right: 11px;
		margin-right: 9px;
	}
	.static-subscribe-container2 > span {
		line-height: 25px;
	}

.header-title-web {
	display: inline-block;
	font-family: GothamBold;
	font-size: 20px;
	line-height: normal;
	text-transform: uppercase;
	width: 100%;
	margin-bottom: 39px;
	vertical-align: -1px;
	color:#DB2471;
}

/* Custom aligns | Custom margins */
body.page-articulos.child-s #web .base-size .static-page > .base-title {
	margin-bottom: 16px;
}

.static-navigation {
	display: inline-block;
	float: left;
	width: 100%;
}
	.static-navigation:first-child {
		margin-bottom: 40px;
	}
	.static-navigation:last-child {
		margin-top: 2px;
		margin-bottom: 38px;
	}
	.static-navigation > a:last-child {
		margin-right: 7px;
	}
/*
 * Custom CSS for local views
 *
 */
.local-view.parent-show .local-view-content-container.dynamic-scroll {
	padding-right: 0px;
}
.local-view.parent-show .local-view-content-container.dynamic-scroll > .dynamic-scroll-holder {
	display: none;
}
	.local-view.parent-show .base-size {
		background-color: #535353;
	}
	.simulate-image-resize {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}
	.local-view .external-image {
		opacity: 0.0;
	}
	.external-image {
		display: inline-block;
		max-width: 100%;
		max-height: 100%;
	}
	.external-video {
		width: 800px;
		height: 600px;
		display: inline-block;
	}

/*
 * Book Pages
 *
 */
.static-page .book-description-container {
	position: relative;
	margin-top: -32px;
	z-index: 1;
	float: left;
	width: 100%;
	display: inline-block;
}
	.static-page .editions-top {
		display: inline-block;
		float: left;
		margin-top: 25px;
		margin-bottom: 18px;
	}
		.static-page .editions-top > a,
		.static-page .editions-top > span {
			box-sizing: border-box;
			display: inline-block;
			float: left;
			text-align: center;
			padding-top: 12px;
		}
			.static-page .editions-top > a:first-child,
			.static-page .editions-top > span:first-child {
				padding-bottom: 6px;
				border-right: 1px solid #D3D3D3;
				padding-right: 48px;
				padding-left: 34px;
			}
			.static-page .editions-top > a:last-child,
			.static-page .editions-top > span:last-child {
				padding-left: 44px;
			}
			.static-page .editions-top > a > img,
			.static-page .editions-top > span > img {
				max-width: 250px;
				display: inline-block;
			}
	.static-page .book-description {
		float: left;
		width: 100%;
		display: inline-block;
		font-size: 21px;
		margin-left: 2px
	}
		.static-page .book-description:last-child {
			margin-top: 16px;
		}
		.static-page .book-description i {

		}
	.static-page .book-cta {
		margin-bottom: 10px;
		margin-top: 44px;
		float: left;
		display: inline-block;
	}
		body.child-planetas .static-page .book-cta > div > div > a:first-child {
			color: #DB2471;
		}
		body.child-planetas .static-page .book-cta > div > div > div:last-child > a {
			background-color: #DB2471;
			border-color: #DB2471;
		}
			body.child-planetas .static-page .book-cta > div > div > div:last-child > a:hover {
				background-color: #CE448A;
			}

		body.child-signos .static-page .book-cta > div > div > a:first-child {
			color: #DB2471;
		}
		body.child-signos .static-page .book-cta > div > div > div:last-child > a {
			background-color: #DB2471;
			border-color: #DB2471;
		}
			body.child-signos .static-page .book-cta > div > div > div:last-child > a:hover {
				background-color: #CE448A;
			}


		.static-page .book-cta > h4.book-color-pink {
			color: #DB2471;
		}
		.static-page .book-cta > h4 {
			font-family: GothamBold;
			color: #DB2471;
			margin-bottom: 20px;
			text-transform: uppercase;
			display: inline-block;
			float: left;
		}
		.static-page .book-cta > div {
			display: inline-block;
			float: left;
		}
			.static-page .book-cta > div > div {
				display: inline-block;
				float: left;
				text-align: center;
				box-sizing: border-box;
				height: 160px;
			}
			.static-page .book-cta > div > div:first-child {
				width: 344px;
				border-right: 1px solid #CCCCCC;
				padding-top: 3px;
				padding-right: 10px;
				padding-top: 4px;
				padding-right: 20px;
			}
				/*.static-page .book-cta > div > div:first-child > a > span {

				}
					.static-page .book-cta > div > div:first-child > a > span:nth-child(2) {

					}*/
					.static-page .book-cta > div > div:first-child > div {
						display: inline-block;
						float: left;
						width: 100%;
					}
					.static-page .book-cta > div > div:first-child > a > span:last-child {
						margin-top: 5px;
					}
			.static-page .book-cta > div > div:last-child {
				width: 309px;
			}
				.static-page .book-cta > div > div:last-child > strong,
				.static-page .book-cta > div > div:last-child > span,
				.static-page .book-cta > div > div:last-child > div {
					display: inline-block;
					float: left;
					width: 100%;
				}
					.static-page .book-cta > div > div:last-child > strong {
						font-weight: normal;
						margin-top: 5px;
					}
					.static-page .book-cta > div > div:last-child > div {
						margin-top: 11px;
					}
						.static-page .book-cta > div > div:last-child > div > span {
							display: inline-block;
							float: left;
							width: 100%;
						}
							.static-page .book-cta > div > div:last-child > div > span:last-child {
								margin-top: 5px;
							}
					.static-page .book-cta > div > div:last-child > span {
						margin-top: 33px;
					}
				.static-page .book-cta > div > div > a {
					color: #2746A8;
					display: inline-block;
					width: 100%;
				}
					.static-page .book-cta > div > div > a > span {
						display: inline-block;
						float: left;
						width: 100%;
					}
					.static-page .book-cta > div > div > a > span:first-child {
						margin-bottom: 11px;
					}
				.static-page .book-cta > div > div > a:hover {
					color: #DB2471;
				}
				.static-page .book-cta > div > div > a:first-child {
				}
				.static-page .book-cta > div > div:first-child > div > a:last-child {
					color: #FFFFFF;
					width: auto;
					margin-top: 23px;
				}
				.static-page .book-cta > div > div:first-child > div > a:last-child:hover {
					color: #FFFFFF;
				}
	.static-page > ul.book-points {
		margin-left: 0px;
		padding-left: 15px;
		margin-top: 1px;
		margin-bottom: 12px;
	}
		.static-page > ul.book-points > li {
			list-style-type: none;
			line-height: 28px;
			position: relative;
			margin-bottom: 8px;
		}
	.static-page > ul.book-points > li:before {
		content: '-';
		position: absolute;
		margin-left: -15px;
	}
	.static-page > .book-blocks {
		margin-top: 27px;
		display: inline-block;
		float: left;
		width: 100%;
	}
		.static-page > .book-blocks > div {
			display: inline-block;
			width: 50%;
			float: left;
			margin-bottom: 25px;
		}
			.static-page > .book-blocks > div:nth-child(2),
			.static-page > .book-blocks > div:nth-child(4) {
				box-sizing: border-box;
				padding-left: 33px;
			}
			.static-page > .book-blocks > div:nth-child(3),
			.static-page > .book-blocks > div:nth-child(4) {
				margin-bottom: 25px;
			}
			.static-page > .book-blocks > div > strong {
				margin-bottom: 3px;
				display: inline-block;
				float: left;
				width: 100%;
			}
			.static-page > .book-blocks > div > div > a:hover {
				text-decoration: none;
				color: #DB2471;
			}
			.static-page > .book-blocks > div > div {
				display: inline-block;
				float: left;
				width: 100%;
				line-height: 28px;
				box-sizing: border-box;
			}
/*
 * Consultas
 *
 */
.static-faqs {
	display: inline-block;
	float: left;
	width: 100%;
	margin-top: 18px;
}
	.static-faqs > div {
		float: left;
		display: inline-block;
		width: 100%;
		border-top: 1px dotted #666666;
		box-sizing: border-box;
		margin-bottom: 4px;
	}
		.static-faqs > div:last-child {
			border-top: 0px;
		}
		.static-faqs > div > span {
			display: inline-block;
			float: left;
			width: 100%;
			cursor: pointer;
			user-select: none;
			padding-top: 15px;
			padding-bottom: 11px;
			color: #2746A8;
			font-family: Crimsontext,CrimsonText,GothamBold,Palatino, Palatino Linotype, Georgia;
			overflow: visible;
			line-height: 30px;
		}
		
/* 
		.static-faqs > div > span:hover {
					color: #DB2471;
		}
 */
			.static-faqs > div.opened > span {
				color: #DB2471;
			}
		.static-faqs > div > div {
			display: none;
			float: left;
			width: 100%;
		}
			.static-faqs > div.opened {
				/*display: inline-block;*/
			}
			.static-faqs > div > div > p {
				float: left;
				width: 100%;
				display: inline-block;
				margin: 4px 0 4px 0;
				font-size: 23px;
				line-height: 28px;
			}
				.static-faqs > div > div > p:last-child {
					margin-bottom: 31px;
				}
				.static-faqs > div > div > p > a:hover {
					text-decoration: none;
					color: #DB2471;
				}
				.static-faqs > div > div.faqs-astrologos > p > a:hover {
					color: #DB2471;
				}

/* Nosotros */
.static-us {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 7px;
}
/* 
	.static-us > a {
		display: inline-block;
		float: left;
		width: 69px;
		height: 108px;
		margin-right: 0px;
		background-image: url(../../modules/nosotros/res/images/nosotros13.jpg);
		background-size: 660px;
		background-repeat: no-repeat;
	}
 */
/* 
	
	.static-us > a {
		display: inline-block;
		float: left;
		width: 660px;
		height: 880px;
		margin-right: 0px;
		background-image: url(../../modules/nosotros/res/images/nosotros-mobile.jpg?1);
		background-size: 660px;
		background-repeat: no-repeat;
	}
 */
	
		.static-us > a {
		display: inline-block;
		float: left;
		width: 660px;
		height: 474px;
		margin-right: 0px;
		background-image: url(../../modules/nosotros/res/images/reticula-desktop_free.jpg?122);
		background-size: 660px;
		background-repeat: no-repeat;
	}

		.static-us > a:first-child {
			border-bottom-left-radius: 4px;
			border-top-left-radius: 4px;
			overflow: hidden;
		}
		.static-us > a:last-child {
			margin-right: 0;
			border-top-right-radius: 4px;
			border-bottom-right-radius: 4px;
			overflow: hidden;
		}
		.static-us > a:nth-child(1) {
			width: 71px;
			background-position: 0px 0px;
		}
		.static-us > a:nth-child(2) {
			width: 76px;
			background-position: -71px 0px;
		}
		.static-us > a:nth-child(3) {
			width: 74px;
			background-position: -147px 0px;
		}
		.static-us > a:nth-child(4) {
			width: 71px;
			background-position: -221px 0px;
		}
		.static-us > a:nth-child(5) {
			width: 72px;
			background-position: -292px 0px;
		}
		.static-us > a:nth-child(6) {
			width: 76px;
			background-position: -364px 0px;
		}
		.static-us > a:nth-child(7) {
			width: 74px;
			background-position: -440px 0px;
		}
		.static-us > a:nth-child(8) {
			width: 74px;
			background-position: -514px 0px;
		}
		.static-us > a:nth-child(9) {
			width: 72px;
			background-position: -588px 0px;
		}

.static-page .cta-link {
	margin-top: 20px;
	display: inline-block;
	width: 100%;
	float: left;
}
	.static-page .cta-link:hover {
		color: #DB2471;
		text-decoration: none;
	}
	.static-page .cta-link:last-child {
		margin-bottom: 30px;
	}

.static-page .subtitle-quoue {
	display: inline-block;
	width: 100%;
	float: left;
	color: #999999;
	margin-top: 18px;
	margin-bottom: 18px;
}
.static-page .quote-center {
	float: left;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 32px;
	margin-bottom: 35px;
}
	.static-page .quote-small {
		box-sizing: border-box;
		padding-right: 40px;
		padding-left: 40px;
		font-size: 80%;
		font-style: italic;
	}
	.static-page .quote-center > div {
		float: left;
		display: inline-block;
		width: 100%;
		line-height: 30px;
	}
	.static-page .quote-center > span {
		float: left;
		display: inline-block;
		width: 100%;
		margin-top: 23px;
	}
#WzTtDiV b,
#WzTtDiV strong,
#WzTtDiV .bai {
	font-weight: bold;
}
div.change-orbes-container {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 20px;
}

span.change-orbes-container {
	font-size: 19px;
	margin-left: 5px;
}
.change-orbes-container a:hover {
	text-decoration: none;
	color: #DB2471;
}
.change-orbes-container {
	text-transform: none;
	color: #666;
	display: inline-block;
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
}
.card-actions {
	margin-top: 25px;
	display: inline-block;
	width: 100%;
}
	.card-actions-list.space-around {
		justify-content: space-around;
	}
	.card-actions-list {
		width: 100%;
		margin-bottom: 15px;
		display: flex;
		justify-content: space-between;
	}
		.card-actions-list > a {
			display: inline-block;
		}
		
	.card-actions-list-cosmolove.space-around {
		justify-content: space-around;
	}
	.card-actions-list-cosmolove {
		width: 100%;
		margin-bottom: 15px;
		display: flex;
		justify-content: space-between;
		border-color:red;
	}
		.card-actions-list-cosmolove > a {
			display: inline-block;
		}

.card-table-symbols-container,
.card-table-numbers-container {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.card-footer {

}
	.card-footer > h3 {
		text-transform: uppercase;
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		overflow: visible;
		font-size: 18px;
		line-height: 30px;
		margin-top: 20px;
		color: #DB2471;
	}

	.card-footer > ul {
		box-sizing: border-box;
		list-style: disc;
		padding: 0 0 0 25px;
		font-size: 23px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
		.card-footer > ul:last-child {
			margin-bottom: 5px;
		}
		.card-footer > ul > li {
			margin-top: 3px;
			margin-bottom: 5px;
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			line-height: 32px;
		}
			.card-footer > ul > li > a {

			}
				.card-footer > ul > li > a:hover {
					text-decoration: none;
					color: #DB2471;
				}
.input-share-copy {
	font-size: 18px;
	width: 320px;
	height:19px;
	font-family: CrimsonText;
	border: 1px solid #a8a8a8;
	padding: 1px 5px;
}
.card-table-symbols,
.card-table-numbers {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}	
	.card-table-symbols {
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		margin-top: 20px;
	}
		.card-table-symbols strong {
			font-family: CrimsonSemibold;
		}
		.card-table-symbols > div {
			display: inline-block;
			width: 100%;
		}
			.card-table-symbols > div:not(.card-table-title) {
				margin-bottom: 25px;
			}
			.card-table-symbols > div:not(.card-table-title):last-child {
				margin-bottom: 10px;
			}
			.card-table-title {
				font-size: 21px;
				margin-bottom: 15px;
				margin-bottom: 15px;
								line-height:28px;

			}
			.card-table-symbols > div > div {
				display: inline-block;
				width: 100%;
				font-size: 20px;
				margin-bottom: 18px;
			}
				.card-table-symbols > div > div > span:first-child {
					display: inline-block;
				}
				.card-table-symbols > div > div > span:last-child {
					flex: 1;
				}
				.card-table-symbols > div > div > span:first-child > img {
					max-height: 100%;
					vertical-align: top;
				}
				.card-table-symbols > div > div:last-child {
					margin-bottom: 0px;
				}
			.card-table-symbols > div.card-table-planets-list > div,
			.card-table-symbols > div.card-table-symbols-list > div,
			.card-table-symbols > div.card-table-aspects-list > div {
				display: flex;
			}
			.card-table-planets-list > div > span:first-child {
				height: 18px;
				width: 32px;
				text-align: center;
			}
				.card-table-planets-list > div > span:first-child > img {
					position: relative;
					top: 1px;
				}
			.card-table-symbols-list > div > span:first-child {
				height: 12px;
				width: 32px;
			}
				.card-table-symbols-list > div > span:first-child > img {
					position: relative;
					top: 6px;
				}
			.card-table-aspects-list > div > span:first-child {
				height: 19px;margin-right:8px

			}
				.card-table-aspects-list > div > span > img {
					position: relative;
					top: 1px;
				}

.card-container {
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 0px;
	margin-bottom: -5px;
/* 
	border-bottom: 1px solid #CCCCCC;
 */
	width: 100%;
	margin-top: 0px;
}
	body.logged .card-container {
		margin-top: 0px;
	}
	.card-description {
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		font-size: 23px;
		line-height: 30px;
	}
		.card-description strong {
			font-family: CrimsonSemibold;
		}
		.card-description a:hover {
			color: #DB2471;
			text-decoration: none;
		}
	.card-container > img {
		width: 100%;
	}

.card-forms-container {
	display: inline-block;
	width: 100%;
}
	.card-forms-container hr {
		border: 0;
		border-top: 1px dotted #666;
		width: 100%;
		margin-top: 17px;
		margin-bottom: 17px;
	}
	.card-form {
		width: 100%;
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		font-size: 23px;
		display: flex;
		flex: 1;
	}
		.card-form > div {
			flex: 1;
			box-sizing: border-box;
			padding-left: 8px;
		}
			.card-form > div > span:last-child {
				display: flex;
			}
			.card-form > div:first-child {
				display: flex;
			}
			.card-form > div:last-child {
				width: 150px;
				flex: none;
				padding-left: 13px;
			}
			.card-form-solar-revolution .card-form-calc {
				margin-top: 37px;
			}
				#cards-list {
					width: 135px;
					-webkit-appearance: none;
				}
				.card-form-list select {
					width: 100%;
					flex: 1;
				}
		.card-form .card-form-label {
			display: inline-block;
			cursor: pointer;
			color: #2746A8;
			box-sizing: border-box;
			padding-right: 6px;
		}
			.card-form .card-form-label:hover {
				color: #DB2471;
			}
		.card-form .card-form-text,
		.card-form .card-form-label {
			display: inline-block;
			line-height: 30px;
			vertical-align: top;
			flex: none;
		}
		.card-form .card-form-text {
			box-sizing: border-box;
			padding-right: 6px;
		}
		.card-form .card-form-calc {
			vertical-align: top;
		}
		.card-form input[type=text] {
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			font-size: 23px;
			vertical-align: top;
			border: 0;
			border-radius: 0px;
			padding-top: 2px;
			padding-bottom: 2px;
			padding-left: 5px;
			padding-right: 5px;
			background-color: #f8f8f8;
			line-height: 28px;
			height: 31px;
			box-sizing: border-box;
			width: 104%;
		}
		.card-form .card-form-location {
			margin-top: 5px;
		}
		.card-form select {
			line-height: 32px;
			outline: 0;
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			vertical-align: top;
			color: #666;
			font-size: 23px;
			background: #F8F8F8;
			border: 0;
			padding: 0px 5px 0px 5px;
			height: 32px;
			border-radius: 0;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			margin: 0px;
			margin-right: 5px;
			margin-top:-1px;
		}
			.card-form select:last-child {
				margin-right: 0px;
			}
.input-container { /* esto es para formaciones radiobuttons que saltan de linea */
line-height:26px
}

.card-table-symbols-container,
.card-table-numbers-container {

}
.card-table-numbers {
	display: inline-block;
	width: 100%;
}
	.card-table-numbers > .card-element {
		display: inline-block;
		float: left;
	}
		.card-table-numbers > .card-element:nth-child(1) {
			width: 55%;
		}
		.card-table-numbers > .card-element:nth-child(2) {
			width: 45%;
		}
		.card-table-numbers > .card-element:nth-child(3) {
			margin-top: 5px;
			width: 100%;
		}
		.card-table-numbers > .card-element > .card-element-name {
			font-family: GothamMedium,Palatino, Palatino Linotype, Georgia;
			overflow: visible;
			font-size: 14px;
			letter-spacing:0.2px;
			line-height: 30px;
			text-transform: uppercase;
			color: #2746A8;
			display: inline-block;
		}
		.card-table-numbers > .card-element > .card-element-items {
			margin-top: 15px;
			display: inline-block;
			width: 100%;
		}
			.card-table-numbers > .card-element:nth-child(1) > .card-element-items {
				box-sizing: border-box;
				padding-right: 40px;
			}
			.card-table-numbers > .card-element > .card-element-items > div {
				display: flex;
				margin-bottom: 10px;
			}
				.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image,
				.card-table-numbers > .card-element > .card-element-items > div > span.card-element-text {
					display: inline-block;
					float: left;
					vertical-align: top;
				}
					.card-table-numbers > .card-element:nth-child(1) > .card-element-items > div > span:nth-child(3) {
						flex: 0.8;
					}
					.card-table-numbers > .card-element:nth-child(1) > .card-element-items > div > span:nth-child(6) {
						flex: none;
						width: 25px;
						text-align: right;
					}
					.card-table-numbers > .card-element:nth-child(2) > .card-element-items > div > span:nth-child(2) {
						flex: none;
						width: 65px;
						text-align: left;
					}
					.card-table-numbers > .card-element:nth-child(2) > .card-element-items > div > span:nth-child(1) {
						flex: none;
						width: 80px;
						text-align: left;
					}

					.card-table-numbers > .card-element:nth-child(3) > .card-element-items > div > span:nth-child(7) {
						flex: none;
						width: 85px;
						text-align: left;
					}

					.card-table-numbers > .card-element > .card-element-items > div > span.card-element-text {
						flex: 1;
						font-size: 22px;
						font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
					}
					.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image {
						box-sizing: border-box;
						text-align: center;
						padding-right: 5px;
						display: flex;
						align-items: center;
						justify-content: center;
					}
						.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-p,
						.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-pp-id-24
						.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-p,
						.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-pp {
							width: 25px;
						}
							.card-table-numbers > .card-element:nth-child(3) > .card-element-items > div > span:nth-child(5) {
								width: 40px;
							}
							.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-p > img,
							.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-pp > img {
								height: 16px;
							}
							.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-pp-id-15 > img,
							.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-pp-id-24 > img {
								height: 16px;
							}
						.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-s {
							width: 35px;
						}
							.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-s > img {
								height: 14px;
							}
						.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-a {
							width: 25px;
						}
							.card-table-numbers > .card-element > .card-element-items > div > span.card-element-image-a > img {
								width: 15px;
							}

.card-table {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin-top:30px;
	margin-bottom:-15px !important;
}
	.card-table > .card-element {
	}
		.card-table > .card-element > .card-element-name {
			font-family: GothamMedium,Palatino, Palatino Linotype, Georgia;
			overflow: visible;
			font-size: 14px;
			letter-spacing:0.2px;
			line-height: 30px;
			text-transform: uppercase;
			color: #2746A8;
			display: inline-block;
			width: 100%;
		}
		.card-table > .card-element > .card-element-items {
			margin-top: 15px;
		}
			.card-table > .card-element > .card-element-items > div {
				margin-bottom: 15px;
			}
				body:not(.device-handset) .card-table > .card-element > .card-element-items > div > div {
					width: auto !important;
				}
				.card-table > .card-element > .card-element-items > div > span,
				.card-table > .card-element > .card-element-items > div > div {
					display: inline-block;
					vertical-align: top;
				}
				.card-table > .card-element > .card-element-items > div > span {
					text-transform: uppercase;
					color: #ACACAC;
					font-family: Gothamlight;
					font-size: 15px;
					line-height: 16px;
					width: 26px;vertical-align:-2px;
				}
				.card-table > .card-element:nth-child(4) > .card-element-items > div > span {
					width: 18px;
				}
				.card-table > .card-element > .card-element-items > div > div {
					border: 1px solid white;
					box-sizing: border-box;
				}
				.card-table > .card-element > .card-element-items > div > div > span {
					display: inline-block;
					height: 16px;
				}
				.card-table > .card-element > .card-element-items > div > div > span:first-child {
					float: left;
					background-color: #e7e7e7;
				}
				.card-table > .card-element > .card-element-items > div > div > span:last-child {
					float: right;
					background-color: #d8d7d7;
				}
form[name="module_cartas_settings"] .section-submit {
	text-align: left;
}
.options-form-container {
	margin-top: 0px;
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	display: inline-block;
	width: 100%;
	font-size: 23px;
}
	.options-form-container > h3,
	.base-header-inner-pages {
		display: inline-block;
		width: 100%;
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		overflow: visible;
		font-size: 18px;
		line-height: 30px;
		text-transform: uppercase;
		color: #DB2471;
		padding-top: 0px;
		margin-bottom: 20px;
	}
	.options-legal-message {
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		color: #999999;
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 23px;
	}
	.options-from-field-desc {
		display: inline-block;
		width: 100%;
		color: #999999;
		margin-top: 5px;
		font-size: 22px;
	}
	.options-form-container > hr {
		float: none;
		display: inline-block;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.options-form-field {
		display: flex;
		align-items: center;
		width: 100%;
		margin-top: 20px;
	}
		.options-form-field > span:first-child {
			display: inline-block;
			margin-right: 10px;
		}
		.options-form-field > input[type=checkbox],
		.options-form-field > label > input[type=radio] {
			margin: 0px;
		}
		.options-form-field > input[type=checkbox] {
			margin-right: 5px;
		}
		.options-form-field > label {
			margin-right: 20px;
		}
		.options-form-field input[type=text],
		.options-form-field input[type=password] {
			max-width: 250px;
			outline: none;
			vertical-align: 1px;
			font-size: 23px;
			padding-left: 8px;
			padding-top: 0px;
			padding-bottom: 1px;
			background: #F8F8F8;
			border: 0px solid #F8F8F8;
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			color: #666;
			border-radius: 0px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}
		.options-form-field select {
			outline: none;
			max-width: 250px;
			min-width: 250px;
			font-size: 23px;
			padding-left: 8px;
			padding-top: 0px;
			padding-bottom: 1px;
			background: #F8F8F8;
			box-sizing: border-box;
			border: 0px solid #F8F8F8;
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			color: #666;
			border-radius: 0px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
		}
	#orbes-list {
		margin-top: 15px;
		margin-bottom: 25px;
		display: inline-block;
		width: 100%;
	}
		#orbes-list > div {
			display: inline-block;
			width: 100%;
			display: flex;
		}
			#orbes-list > div > span {
				flex: none;
				display: inline-block;
				margin-right: 9px;
				margin-bottom: 9px;
				width: 34px;
				text-align: center;
			}
				#orbes-list > div > span:first-child {
					margin-bottom: 0px;
				}
				#orbes-list > .orbes-header > span > img {
					height: 18px;
				}
				#orbes-list > div > span > input {
					box-sizing: border-box;
					width: 34px;
					font-size: 19px;
					background: white;
					font-family: CrimsonText,Palatino, Georgia;
					border: 1px solid #efefef;
					font-style: normal;
					padding: 2px;
					border-radius: 4px;
					text-align: center;
					color:#666;
				}
				#orbes-list > div > span:last-child {
					text-align: left;
					flex: 1;
					line-height: 30px;
					box-sizing: border-box;
					padding-left: 5px;
				}


	#orbes_estrellas {
		margin-top: 15px;
		margin-bottom: 25px;
		display: inline-block;
		width: 100%;
	}
		#orbes_estrellas > div {
			display: inline-block;
			width: 100%;
			display: flex;
		}
			#orbes_estrellas > div > span {
				flex: none;
				display: inline-block;
				margin-right: 9px;
				margin-bottom: 9px;
				width: 34px;
				text-align: center;
			}
				#orbes_estrellas > div > span:first-child {
					margin-bottom: 0px;
				}
				#orbes_estrellas > .orbes-header > span > img {
					height: 18px;
				}
				#orbes_estrellas > div > span > input {
					box-sizing: border-box;
					width: 34px;
					font-size: 19px;
					background: white;
					font-family: CrimsonText,Palatino, Georgia;
					border: 1px solid #efefef;
					font-style: normal;
					padding: 2px;
					border-radius: 4px;
					text-align: center;
					color:#666;
				}
				#orbes_estrellas > div > span:last-child {
					text-align: left;
					flex: 1;
					line-height: 30px;
					box-sizing: border-box;
					padding-left: 5px;
				}



	#orbes_objetos {
		margin-top: 15px;
		margin-bottom: 25px;
		display: inline-block;
		width: 100%;
	}
		#orbes_objetos > div {
			display: inline-block;
			width: 100%;
			display: flex;
		}
			#orbes_objetos > div > span {
				flex: none;
				display: inline-block;
				margin-right: 9px;
				margin-bottom: 9px;
				width: 34px;
				text-align: center;
			}
				#orbes_objetos > div > span:first-child {
					margin-bottom: 0px;
				}
				#orbes_objetos > .orbes-header > span > img {
					height: 18px;
				}
				#orbes_objetos > div > span > input {
					box-sizing: border-box;
					width: 34px;
					font-size: 19px;
					background: white;
					font-family: CrimsonText,Palatino, Georgia;
					border: 1px solid #efefef;
					font-style: normal;
					padding: 2px;
					border-radius: 4px;
					text-align: center;
					color:#666;
				}
				#orbes_objetos > div > span:last-child {
					text-align: left;
					flex: 1;
					line-height: 30px;
					box-sizing: border-box;
					padding-left: 5px;
				}


.courses-table {
	width: 100%;
}
.courses-container {
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	font-size: 23px;
	line-height: 24px;
}
	.courses-container .course-bullet {
		display: inline-block;
		font-size: 37px;
		vertical-align: -3px;
		margin-right: 11px;
		margin-left: 3px;
		position: relative;
		top: -3px;
	}
	.courses-container .course-icon {
		height: 24px;
	}
		.courses-container .course-icon-guide {
			vertical-align: -6px;
		}
	.courses-container br {
		content: "";
		margin: 4px;
		font-size: 1px;
		display: inline-block;
		width: 100%;
		float: left;
	}
	.courses-container strong,
	.courses-container b {
		font-family: CrimsonSemibold;
		font-weight: normal;
	}
	.courses-table td > div {
		
	}
	.courses-table-item-container > span,
	.courses-table-item-container > a {
		vertical-align: top;
	}
	.courses-table-item-container {
		width: 100%;
		display: inline;
	}
	.courses-table tr[rowspan="3"] > td {
		padding-top: 15px !important;
	}
		.courses-table tr[rowspan="3"] .courses-table-item-container {
			display: block;
			min-width: 152px;
		}
tr .mdtc-clnplra-main-player .mdtc-clnplra-interface .mdtc-clnplra-seek-container {
	padding: 8px 0px 30px 0px !important;
}
.mdtc-clnplra-main-player .mdtc-clnplra-interface .mdtc-clnplra-toggles {
	padding: 10px 0px 0px !important;
}
.courses-container a:hover {
	color: #DB2471;
	text-decoration: none;
}
.card-list-item {
	box-sizing: border-box;
	padding-top: 8px;
	padding-bottom: 8px;
	display: flex;
	width: 100%;
	border-bottom: 1px #999 dotted;
	line-height:33px;
}
body.parent-cartas.child-items .list-item-cards-list {
}
body.parent-cartas.child-items .list-item-cards-list:last-child .card-list-item {
	border-bottom: 0px;
}
	.card-list-item {
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		font-size: 23px;
	}
		.card-list-item .card-list-item-title {
			flex: 1;
			box-sizing: border-box;
			padding-left: 4px;
			display: flex;
	overflow: hidden;
	white-space: nowrap;
/*  no funciona:
	text-overflow: ellipsis;
 */
			align-items: center;
		}
			.card-list-item.search-item .card-list-item-title > a {
			}
			.card-list-item .card-list-item-title > .card-owner-info {
				margin-left: 10px;
				color: #2746A8;
				font-size: 18px;
			}
			.card-list-item .card-list-item-title > a {
				font-size: 23px;
				flex: 1;
			}
			.card-list-item.search-item .card-list-item-title > a {
				flex: none;
				font-size: 23px;
			}
			.card-list-item .card-list-item-title > a:hover {
				text-decoration: none;
				color: #DB2471;
			}
		.card-list-item .card-list-item-actions {
			flex: none;
			padding-left: 10px;
			padding-right: 0px;
		}
			.card-list-item .card-list-item-actions .btn-plain {
				cursor: pointer;
				font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;

				display: inline-block;
				background-color: transparent;
				color: #2746A8;
				border: 0px;
				font-size: 23px;
								font-style:italic;
				margin-left: 10px;
			}
			.card-list-item .card-list-item-actions .btn-plain:hover {
				text-decoration: none;
				color: #DB2471 !important;
			}
			
/* 
	.cosmolove {
		position: relative;
		top: 2px;
		padding-right: 2px;
		background-size: 17px;
		display: inline-block;
		height: 27px;
		vertical-align:-2px;
		margin-right:-14px;/* mes de 14 fa sortir scroll a horizontal (que no surt (perque overflow:hidden) pero fa el salt raro per haver de redimensionar) */
		background-image: url(../../modules/cartas/res/cosmolove/cosmolove.png?3223as2321);
			background-repeat: no-repeat;

	}
	.cosmolove:hover {
		background-image: url(../../modules/cartas/res/cosmolove/cosmolove-fucsia.png?3223231);
			background-repeat: no-repeat;

	}
 */
	
	body.parent-cartas.child-items .header-label-default {
		margin-top: 17px;
		margin-bottom: 0px;
		text-transform: uppercase;
		font-size: 18px;
		line-height: 40px;
		color: #666;
		border-bottom: 0px;
		font-family: GothamBlack,Palatino, Palatino Linotype, Georgia;
		padding-bottom: 0px;
/* 
		letter-spacing: 0px;
 */
	}
	.no-cards-message {
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		font-size: 22px;
		margin-top: 20px;
	}
.numerologia-p-title,
.numerologia-p-title strong {
	font-size: 18px;
}
.numerologia-quote {
	box-sizing: border-box;
	padding: 20px;
	background-color: #E9E5DC;
}
	.numerologia-quote > p:first-child {
		margin-top: 0;
	}
	.numerologia-quote > p:last-child {
		margin-bottom: 0;
	}
	.numerologia-quote > p {
		line-height: 28px;
		margin-top: 25px;
		margin-bottom: 25px;
	}
.course-item {
	margin-bottom: 10px;
}
	.course-item a {
		text-decoration: none;
	}
		.course-item .course-item-desc:hover,
		.course-item .course-item-bottom:hover,
		.course-item .base-title-sub:hover {
/* 
			color: #DB2471;
 */
			color: #DB2471;
			text-decoration: none;
		}
		.course-item-desc-custom,
		.course-item .course-item-desc {
			color: #888888;
			margin-bottom: 5px;
			margin-top: 2px;
			display: inline-block;
			width: 100%;
			line-height: 26px;
		}
		.course-item-desc-custom {
			margin-bottom: 10px;
		}
			.course-item .course-item-desc:last-child {
				margin-bottom: 0px;
			}
		.course-item .course-item-bottom {
			color: #666;
			/*border-bottom: 1px solid #E3E3E3;*/
			display: inline-block;
			width: 100%;
			line-height: 25px;
		}
		.course-item .base-title-sub {
			color: #2746A8;
			font-size: 18px;
			line-height: 24px;
			white-space: nowrap;
		}
	.course-item > a {

	}
	.course-item .base-title-sub {

	}
.course-items {
	margin-bottom: 10px;
	display: flex;
	width: 100%;
}	
	.course-items > a {
		flex: 1;
		display: inline-block;
		text-decoration: none;
	}
		.course-items > a > span:hover {
			color: #DB2471;
		}
		.course-items > a > span.course-item-no-underline:hover {
			text-decoration: none;
		}
		.course-items > a > strong {
			text-align: underline;
		}
		.course-items > a > span:not(.course-item-no-underline) {
			text-decoration: underline;
		}

/* Legacy Form CSS */
.legacy-form {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	margin-top: 12px;
	margin-bottom: 10px;
}
	.section-block-legacy-top.legacy-top-empty {
		border-bottom: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
	}
	.section-block-legacy-top.legacy-comments {
		margin-bottom: 15px;
	}
	.section-block-legacy-top,
	.section-block-legacy {
		box-sizing: border-box;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #CCCCCC;
	}
	.section-block-legacy-bottom {
		border-bottom: 0px;
		padding-bottom: 5px;
		margin-bottom: 7px;
	}

	.section-block-legacy-top {

	}
		.section-block-legacy-top .section-block-title {
			font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
			font-size: 19px;
			line-height: 30px;
			text-transform: uppercase;
			color: #DB2471;
			margin-bottom: 15px;
		}
	.section-block-legacy,
	.section-block-legacy-bottom {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.section-block-legacy .section-block-title,
		.section-block-legacy-bottom .section-block-title {
			font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
			font-size: 18px;
			text-transform: uppercase;
		}
		.section-block-legacy-bottom .section-block-title {
			margin-bottom: 15px;
		}

	.card-legacy-ccv-info {
		box-sizing: border-box;
		vertical-align: 30px;
		font-size: 18px;
		padding-left: 2px;
		padding-right: 3px;
		position: relative;
		top: -8px;
	}
		.card-legacy-ccv-info > img {
			height: 16px;
		}

	#form_header_void,
	.form-inline-description {
		flex: 0 0 100%;
	}
	.form-inline-description {
		font-style: italic;
		color: #999;
		font-size: 22px;
		line-height: 28px;
		margin-top: -14px;
		box-sizing: border-box;
		padding: 0px 5px 0px 5px;
	}
	.es-intento .form-inline-description {
		margin-top: 4px;
	}
	.static-page > .form-inline-description:last-child, .child-varios-cursos #main-form > .form-inline-description {
		margin-bottom: 20px;
	}
	.legacy-form .section-submit {
		display: flex;
		text-align: left;
	}
		.legacy-form .section-submit #submit-legacy-pay {
			vertical-align: top;
			flex: none;
			margin-right: 7px;
		}
		.legacy-form .section-submit #submit-legacy-pay.checking {
			color: white;
			background-color: #A6A6A6;
			border-color: #A6A6A6;
		}
		.cards-images {
			display: inline-block;
		}
			.cards-images > img {
				float: left;
				height: 34px;
				margin-right: 8px;
			}
			.cards-images > img:last-child {
				margin-right: 0px;
			}

	.legacy-form .section-container, .form-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
	}

	.extrapatt {
		margin-top:10px;
	}
		.select-cosmo,
		.legacy-form .section-container > select,
		.section-block-legacy-recovery-form .section-container > select {
			outline: none;
			box-sizing: border-box;
			vertical-align: 1px;
			font-size: 23px;
			padding-left: 8px;
			padding-top: 0px;
			padding-bottom: 1px;
			padding-right: 0px;
			background: #F8F8F8;
			border: 0px solid #F8F8F8;
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			color: #666;
			border-radius: 0px;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		.legacy-form .section-container > input {
			border-radius: 0px;
			box-sizing: border-box;
			background: #F8F8F8;
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			vertical-align: 1px;
			font-size: 23px;
			padding-left: 8px;
			padding-top: 0px;
			padding-bottom: 1px;
			color: #666;
			border: 1px solid #F8F8F8;
		}
		.legacy-form .section-container > textarea {
			width: 100%;
			box-sizing: border-box;
			background-color: #F8F8F8;
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			border: 1px solid #c8c8c8;
			border-radius: 0px;
			vertical-align: 1px;
			font-size: 23px;
			padding-left: 8px;
			padding-top: 0px;
			padding-bottom: 1px;
			color: #666;
			border: 0px solid #F8F8F8;
		}
		/* Specific inputs CSS */
		.legacy-form .section-container input[type=text]::placeholder,
		.legacy-form .section-container input[type=password]::placeholder,
		.legacy-form .section-container input[type=number]::placeholder,
		.legacy-form .section-container > textarea::placeholder {
			color: #666;
		}
		.legacy-form .section-container input[type=text].danger::placeholder,
		.legacy-form .section-container input[type=number].danger::placeholder {
			color: #FFFFFF;
		}
		.legacy-form .section-container select.danger,
		.legacy-form .section-container input[type=text].danger,
		.legacy-form .section-container input[type=number].danger {
			background-color: #DB2471;
			border-color: #DB2471;
			color: #FFFFFF;
		}
		.legacy-form .section-container #birth_day,
		.legacy-form .section-container #birth_month,
		.legacy-form .section-container #birth_year {
			width: 55px;
		}
		.legacy-form .section-container #birth_hour{
			width: 90px;
		}
		.legacy-form .section-container #birth_minute {
			width: 100px;
		}
		.legacy-form .section-container #country,
		.legacy-form .section-container #city {
			width: 130px
		}
		.legacy-form .section-container #first_name,
		.legacy-form .section-container #first_name_extra,
		.legacy-form .section-container #phone,
		.legacy-form .section-container #phone_extra {
			width: 138px
		}
		.legacy-form .section-container #email,
		.legacy-form .section-container #email_extra,
		.legacy-form .section-container #last_name,
		.legacy-form .section-container #last_name_extra {
			width: 181px
		}
			.legacy-form .section-container #label-terms {
				margin-top: 12px;
				margin-bottom: 5px;
			}
			.legacy-form .section-container #label-terms,
			.legacy-form .section-container #label-newsletter {
				display: flex;
				align-items: center;
			}

				.legacy-form .section-container #label-terms > .label,
				.legacy-form .section-container #label-newsletter > .label {
					flex: 1;
					margin-left: 5px;
					font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
					font-size: 23px;
					text-transform: none;
				}
				.legacy-form .section-container #label-terms > .input,
				.legacy-form .section-container #label-newsletter > .input {
					align-items: start;
					margin-top: 0px;
					flex: none;
				}
		#card_number,
		#card_expiry,
		#card_ccv {
			display: inline-block;
			box-sizing: border-box;
			height: 40px;
		}
		#card_number {
			width: 308px;
		}
		#card_expiry {
			width: 245px;
		}
		#card_ccv {
			width: 65px;
		}
		/* Stripe Legacy HTML */
		.card_errors {
			color: #eb1c26;
		}
		.card_errors > span {
			display: inline-block;
			font-style: italic;
			box-sizing: border-box;
			padding-left: 10px;
			margin-bottom:7px;
		}
		#card_errors > span {
			padding-top: 10px;
			margin-top:7px;
		}
		[data-forma_pago="paypal"] .card_errors{
			padding-bottom: 10px;
		}
		.StripeElement { 
			background: #F8F8F8 ;
			/*font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;*/

			/*color: #666 !important;*/

			border: 1px solid #c8c8c8 !important;
			border-radius: 0px !important;

			border: 0px solid #F8F8F8 !important;

			border-radius: 4px;
			border: 0px solid white;
			padding: 0;
			padding-bottom: 0px;
			padding-top: 6px;
			padding-bottom: 6px;
			padding-left: 7px;
			padding-right: 7px;
		}
		.ElementsApp, .ElementsApp .InputElement { 
			background: #F8F8F8 ;
			border: 1px solid #c8c8c8 !important;
			border-radius: 0px !important;
			border: 0px solid #F8F8F8 !important;
			border-radius: 4px;
			border: 0px solid white;
			padding: 0;
			padding-bottom: 0px;
			padding-left: 8px;
			padding-right: 8px;
		}
	.legacy-form .input-label > .label {
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		font-size: 18px;
		text-transform: uppercase;
	}
	.legacy-form .radio-input-label {
		display: flex;
		align-items: center;
		width: 100%;
	}
		.legacy-form .radio-input-label > .label {
			flex: none;
			margin-right: 7px;
			line-height: normal;
		}
		.legacy-form .radio-input-label > .input {
			flex: 1;
			display: inline-block;
		}
			#label-mode > .input > div {
				justify-content: space-between;
			}
			.legacy-form .radio-input-label > .input > div {
				display: flex;
				align-items: center;
			}
				.legacy-form .radio-input-label > .input > div > label {
					margin-right: 0px;
				}
				.legacy-form .radio-input-label > .input > div > label {
					display: flex;
					align-items: center;
				}
				.legacy-form .radio-input-label > .input > div > label > input {
					padding: 0px;
					margin: 0px;
					margin-right: 8px;
				}
				.legacy-form .radio-input-label > .input > div > label {
					margin-left: 5px;
					margin-right: 5px;
					vertical-align: top;
				}
					.legacy-form .radio-input-label > .input > div > label:last-child {
						margin-right: 0px;
					}
					.legacy-form .radio-input-label > .input > div > label > span {
						display: inline-block;
						font-size: 23px;
					}
.legacy-blue {
	cursor: pointer;
	color: #2746A8;
}

/* Specific CSS for forms */
#contact-map {
	display: inline-block;
	width: 100%;
	height: 340px;
	border: 1px solid #c8c8c8;
	border-radius:0px;
}
body.page-contacto #contact_email,
body.page-cursos.child-prueba #contact_email {
	width: 100%;
	margin: 0px;
}
.legacy-contact {
	vertical-align: top;
    width: 565px;
    display: inline-block;
}
.legacy-contact,
body.page-contacto .section-block-legacy,
body.page-cursos.child-prueba .section-block-legacy {
	border: 0px;
	margin-bottom: 0px;
}
body.page-contacto .section-submit,
body.page-cursos.child-prueba .section-submit {
	display: inline-block;
	float: right;
	width: auto;
}

body.page-subscribirse .section-block-legacy {
	border: 0px;
	margin-bottom: 10px;
}
.legacy-form .section-container #subscriber_name,
.legacy-form .section-container #subscriber_email {
	width: 49.5%;
	margin-bottom: 15px;
}
.legacy-form .section-container #subscriber_name {
	margin-right: 0.5%;
}

.legacy-form .section-container #subscriber_email {
	margin-left: 0.5%;
}

body.page-subscribirse.child-baja .legacy-form .section-container #subscriber_email {
	width: 100%;
}
body.page-subscribirse.child-baja .legacy-form .section-submit {
	display: inline-block;
	width: auto;
	margin-left: 10px;
}

body.parent-cartas.child-items .filter-form .filter-block input {
	width: 520px;
	/* margin-bottom: 10px */;
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	font-size: 23px;
	border-radius: 0px;
	margin-right: 0px;
	box-sizing: border-box;
	outline: none;
	height: 39px;
					background-color: #fff;
					border:0;
					border-bottom: 1px solid #cdcdcd;
					font-size: 23px;
 line-height: 30px;
 padding-left:4px;
 	margin-top: 7px;
 margin-bottom:5px;
/* 
	color: red;
 */
}

	body.parent-cartas.child-items .filter-form .filter-block input:focus {
		border-color: #ebebeb;
	}

#is_friend {
	margin: 0px;
}
#label-is_friend {
	display: flex;
	width: 100%;
	align-items: center;
}
	#label-is_friend > .label {
		margin-left: 9px;
		font-size: 23px;
		font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
		text-transform: none;
	}
	#label-is_friend > .input {
		display: flex;
		align-items: center;
	}
	#label-is_friend > .label,
	#consultation_type > label > span {
		display: flex;
		align-items: center;
	}
	#label-is_friend > .label a,
	#consultation_type a {
		text-decoration: none;
		line-height: normal;
	}
	#consultation_type > label {
		display: flex;
		align-items: center;
	}
	#consultation_type > label > input {
		margin-right: 8px;/*7692*/
	}
#consultation_type {
	margin-top: 5px;
	width: 100%;
    display: flex;
    justify-content: space-between;
}
.legacy-contact-extra {
	display: none;
}
.legacy-form .legacy-unsubscribe {
	margin-top: 10px;
	display: inline-block;
	width: 300px;
}
.legacy-form.contacto {
	margin-top: 33px;
}
/* 
.tabs-menu-default-full li[data-tab-action="cartas/items"],
.tabs-menu-default-full li[data-tab-action="cartas/listar.php"] {
	display: none;
}
 */
body:not(.show-search).parent-cartas.child-items .filter-form .filter-block {
	display: none;
}
body.print-card #debug {
	display: none;
}
.legal-page > div {
	line-height: 26px;
	font-size: 22px;
}
	.legal-page > div.static-p {
		margin-top: 15px;
		margin-bottom: 10px;
	}

.legal-page > div > strong {
	font-size: 22px;
	line-height: 26px;
}
#legacy-calendar-content {
	width: 100%;
	display: inline-block;
	margin-top: 10px;
}
	.calendar-content-list > div {
		display: inline-block;
	}
	
	.calendar-content-list > div:first-child{
		width: 56%;
	}
	
	.calendar-content-list > div:last-child{
		width: 44%;
		vertical-align:top;
	}
	
		.calendar-content-list > div > div {
			float: left;
			margin-bottom: 13px;
			font-size: 22px;
			display: flex;
			align-items: center;
		}
			.calendar-content-list > div > div > input {
				margin: 0px;
				margin-right: 9px;
				margin-left: 5px;
			}
			.calendar-content-list > div:nth-of-type(even) > div > input {
				margin-left: 0px;
			}
			.calendar-content-list > div > div > label {

			}
	.navigation-buttons {
		width: 100%;
		display: flex;
	}
	
	.navigation-buttons > div{
		margin: 10px 0 5px;
	}
	
	#navigation-buttons-izq{
		width: 56%;
		float: left;
	}
	
	#navigation-buttons-der{
    width: 44%;
    float: right;

	}
	

	
	
		.navigation-buttons a {
			font-size: 15px;
			text-transform: uppercase;
			font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
			float: left;
			text-align: left;
			display: inline-block;
		}
			.navigation-buttons a:hover {
				color: #DB2471;
				text-decoration: none;
			}
		.navigation-buttons.navigation-last {
			display: inline-block;
		}
		.navigation-buttons > a:first-child {
		}
		.navigation-buttons > a:last-child {
		}
.robert-message {
	color:#555;
	margin-bottom: 20px;
	line-height: 25px;
	font-size: 22px;
}
	.robert-message a:hover {
		text-decoration: none;
		color: #DB2471;
	}
.pac-container::after {
	/* Disclaimer: not needed to show 'powered by Google' if also a Google Map is shown */
	/*background-image: none !important;
	height: 0px;*/
}

.section-block-legacy.legacy-book {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.legacy-form .section-block-book-block {
	display: inline-block;
	float: left;
}
.legacy-form .section-block-book-block > .section-container {
	align-items: center;
	justify-content: start;
}
.section-block-book-footer {
	box-sizing: border-box;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #CCCCCC;
}

.legacy-book .section-container {
	align-items: center;
	justify-content: start;
}
.device-handset .legacy-book .book-time, .device-handset #aviso-gastos-envio {
	margin-bottom:15px;
	line-height:28px;
}
.device-desktop .legacy-book .book-time, .device-desktop #aviso-gastos-envio {
	margin-top:5px;
	margin-bottom:15px;
	line-height:28px;
}
	.legacy-book .book-time {
		display: none;
	}
	.legacy-book .book-time, #aviso-gastos-envio {
		font-style: italic;
		color: #999;
		font-size: 22px;
		margin-top: 0px;
		box-sizing: border-box;
		padding: 0px;
		width: 100%;
		margin-bottom: 8px;
	}
		.legacy-book .book-time > span {
			display: inline-block;
		}
.legacy-form .section-block-book-block > .section-container {
	margin-bottom: 2px;
}
#book_cosmos,
#book_planetas,
#book_signos {
	background-image: url(../../modules/payments/res/images/legacy/arrow3.png);
	width: 48px;
	margin-right: 10px;
	margin-top: 4px;
}
#book_cosmos,
#book_planetas,
#book_signos,
.book-title-text {
	height: 33px;
	display: inline-block;
	display: flex;
	align-items: center;
}
	.book-title-text > strong,
	.book-title-text > .book-title-plus {
		display: inline-block;
    display : block;
		height: 33px;
	}
	.book-title-text > strong {
		line-height: 37px;
	}
	.book-title-text > .book-title-plus,
	.book-title-text > .book-title-text-amount > span:first-child,
	#book_cosmos_after > span > .plus,
	#book_cosmos_after > div {
		font-family: crimson;
		line-height: 35px;
		color: #DB2471;
		font-size: 27px;
		margin-left: 10px;
	}
	.book-title-text > .book-title-plus {
		margin-right: 11px;
	}
	.book-title-text > .book-title-text-amount > span:first-child {
		font-size: 23px;
	}
#book_cosmos_after {
	display: flex;
	margin-top: 8px;
	width: 100%;
}
	#book_cosmos_after > span > .plus {
		line-height: 20px;
		margin-left: 5px;
		margin-right: 8px;
	}
	#book_cosmos_after > span {
		display: flex;
		align-items: center;
		margin-right: 6px;
	}
	#book_cosmos_after > div {
		margin-top: 1px;
		font-family: CrimsonSemibold;
		font-size: 23px;
		line-height: normal;
	}
#spain_provinces {
	display: none;
}
.legacy-book-header .section-container {
	display: flex;
	justify-content: space-between;
}
.legacy-book-header #address {
	margin-bottom: 10px;
	flex: none;
	width: 100%;
}
.legacy-book-header #country,
.legacy-book-header #spain_provinces,
.legacy-book-header #state,
.legacy-book-header #zip_code {
	width: auto;
}
.legacy-form.container.libro {
	margin-top: 5px;
}
.legacy-book-header #zip_code {
	margin-right: 0px;
}
body.parent-libro .legacy-form .section-container #country {
	width: 145px;
}
body.parent-libro .legacy-form .section-container #city {
	width: 173px;
}
.legacy-book-header #state,
.legacy-book-header #spain_provinces {
	width: 178px;
}
.legacy-book-header #zip_code {
	width: 144px;
}

.legacy-feedback {
	margin-top: 15px;
	display: inline-block;
	width: 100%;
	border-bottom: 0px;
	margin-bottom: 0px;
}
.legacy-form.legacy-survey .section-block-legacy.legacy-comments .section-block-title,
.section-block-legacy.legacy-offers .section-block-title,
.section-block-legacy.legacy-site-from .section-block-title {
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	text-transform: none;
	font-size: 23px;
	margin-bottom: 5px;
}
.legacy-form.legacy-survey .legacy-comments,
.legacy-form .legacy-offers,
.legacy-form .legacy-site-from {
	display: inline-block;
	width: 100%;
	border-bottom: 0px;
	margin-bottom: 0px;
}
.legacy-form .legacy-feedback .input-label > .label,
.legacy-form .legacy-feedback .radio-input-label > .label,
.legacy-form .legacy-offers .radio-input-label > .label,
.legacy-form .legacy-site-from .radio-input-label > .label {
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	text-transform: none;
	font-size: 23px;
}
.legacy-form .legacy-site-from .radio-input-label > .label {
	line-height: 20px;
}

#site_from {

}
	#site_from > label {
		display: inline-block;
		margin-bottom: 15px;
		margin-right: 10px;
	}
	#site_from label > input {
		margin-right: 5px;
		vertical-align:3px;
	}
	#site_from_text {
		display: inline-block;
	}
#label-recommended {
	margin-top: 20px;
}
#site_from_other {
	display: flex;
	align-items: center;
	margin-right: 5px;
}
	#site_from_other > label > input {
		margin-right: 5px;			vertical-align:3px;

	}
.legacy-form .legacy-site-from .section-container {
	justify-content: start;
}
body.parent-consultas.child-cuestionario .legacy-form {
	margin-bottom: 25px;
}
body.parent-consultas.child-cuestionario #submit-legacy {
	margin-top: 10px;
}
.legacy-form-cards {
	margin-top: 0px;
}
.legacy-form-cards .section-block-legacy.legacy-card-personal .section-block-title {
	line-height: 27px;
	margin-bottom: 28px;
}
.legacy-form-cards {

}
	.legacy-card-personal .section-container > label {
		display: flex;
		width: 100%;
		align-items: center;
		margin-bottom: 10px;
	}
		.legacy-card-personal .section-container > label > .label,
		.legacy-date.section-block-legacy .section-block-title,
		.legacy-time.section-block-legacy .section-block-title {
			flex: none;
			font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
			font-size: 23px;
			text-transform: none;
			margin-right: 5px;
		}
		.legacy-card-personal .section-container > label > .input {
			flex: 1;
			max-width: 300px;
		}
			.legacy-card-personal .section-container > label > .input > input {
				box-sizing: border-box;
				width: 100% !important;
				background-color: #F8F8F8;
				font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
				border: 1px solid #F8F8F8;
				border-radius: 0px;
				vertical-align: 1px;
				font-size: 23px;
				padding-left: 8px;
				padding-top: 0px;
				padding-bottom: 1px;
				color: #666;
			}
.legacy-form-cards #label-birth_place {
	margin-top: 20px;
	margin-bottom: 11px;
}

.legacy-form-cards .section-block-legacy {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
}

.legacy-form .legacy-date .section-container,
.legacy-form .legacy-time .section-container {
	flex: 1;
	justify-content: start;
}
.legacy-form .legacy-date #birth_date_year {
	width: 70px;
	padding-left: 0px;
	text-align: center;
}

.legacy-form .legacy-date .section-container select,
.legacy-form .legacy-date .section-container input,
.legacy-form .legacy-time .section-container input {
	margin-right: 5px;
	margin-left: 5px;
}
.legacy-form .legacy-date #birth_date_month,
.legacy-form .legacy-date #birth_date_day {
	padding-right: 5px;
}
.legacy-form .legacy-time #birth_time_desc {
	display: inline-block;
	width: 100%;
	font-size: 21px;
	color: #999999;
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
}

.legacy-form .legacy-time #birth_place_desc, .legacy-form .legacy-desc {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	font-size: 21px;
	color: #999999;
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
}

.legacy-form .legacy-title h3 {
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	color: #666;
	text-transform: none;
	font-size: 23px;
}

.legacy-form .legacy-time .section-container #birth_hour {
	width: 127px;
}
.legacy-form .legacy-date,
.legacy-form .legacy-time {
	display: flex;
	justify-content: start;
	margin-bottom: 10px;
}
.legacy-form .legacy-date {
	margin-top: 10px;
}
.legacy-form .legacy-time {
	margin-bottom: 6px;
}
.legacy-form #time_separator {
	font-size: 23px;
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
}

.legacy-form.legacy-form-cards {
	padding-left: 0px;
	padding-right: 0px;
}
.legacy-form #label-time_separator {
	display: flex;
	align-items: center;
}

.register-description {
	line-height: 30px;
	color: #999999;
	font-size: 22px;
	margin-bottom: 5px;
}

.legacy-form.legacy-register {
	margin-top: 0px;
	margin-bottom: 0px;
}
	.legacy-form.legacy-register .section-block-legacy {
		padding-bottom: 0px;
		border-bottom: 0px;
		margin-bottom: 0px;
	}
	.legacy-form.legacy-register .section-container {
		justify-content: start;
	}
	.legacy-form.legacy-register #email {
		flex: 1;
		margin: 0px;
		max-width: 268px;
		margin-right: 7px;
	}
.legacy-form.legacy-register .section-block-legacy.legacy-register-mail {
	margin-top: 20px;
	margin-bottom: 10px;
}

.legacy-form .legacy-login .section-container {
	justify-content: start;
}
.legacy-form .legacy-login #username,
.legacy-form .legacy-login #password {
	box-sizing: border-box;
	margin: 0px;
	margin-right: 7px;
	max-width: 254px;
}

.section-block-legacy-recovery-form .section-container {
	display: flex;
	align-items: center;
	flex-direction: column;
}
.section-block-legacy-recovery-form #birth_hour,
.section-block-legacy-recovery-form #birth_minute {
	flex: 1;
	max-width: 260px;
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
}

#cookies-message {
	z-index: 100;
	color: #bcbcbc;
	font-size: 18px;
	font-family: CrimsonText,Georgia, 'Palatino', 'Palatino Linotype';
	background-color: #FFFFFF;
/* 
	border-top: 1px solid #ffff00;
 */
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	padding: 8px;
	box-sizing: border-box;
	text-align: center;
/* 
	padding-top:15px;
	padding-bottom:15px;
 */
 	padding-bottom:13px;

}
	#cookies-message > span {
		margin-left: 5px;
		margin-right: 5px;
		text-align: center;
		display: inline-block;
	}
body.cookie-present #footer {
	margin-bottom: 70px;
}
body[banner-present] #footer {
	margin-bottom: 70px;
}
/* 
body[banner-container_adhoc-present] #footer {
	margin-bottom: 170px;
}
 */
body[banner-present].parent-home #footer {
	margin-bottom: 70px;
}

#banner-container_adhoc .footer {
	margin-bottom: 70px;
}



#banner-container {
	background-color: #FFFFFF;
	color: #000000;
	position: fixed;
	bottom: -1px;
	left: 0px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	min-height: 60px;
}
	#banner-container > a {
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		overflow: visible;
		font-size: 18px;
		line-height: normal;
		text-transform: uppercase;
		box-sizing: border-box;
		padding: 7px 4%;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		text-align: center;
		text-decoration: none;
		max-height: 30px;
	}
	#banner-container > a img {
		margin-left: 10px;
		margin-right: 10px;
		max-height: 50px;
	}
	#banner-container > a img:last-child {
		margin-right: 0px;
	}


#banner-container_adhoc {
	background-color: #FFFFFF;
	color: #000000;
	position: fixed;
	bottom: -1px;
	left: 0px;
	right: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	min-height: 60px;
}
	#banner-container_adhoc > a {
		font-family: GothamBold,Palatino, Palatino Linotype, Georgia;
		overflow: visible;
		font-size: 18px;
		line-height: normal;
		text-transform: uppercase;
		box-sizing: border-box;
		padding: 7px 4%;
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		text-align: center;
		text-decoration: none;
		max-height: 30px;
	}
	#banner-container_adhoc > a img {
		margin-left: 10px;
		margin-right: 10px;
		max-height: 50px;
	}
	#banner-container_adhoc > a img:last-child {
		margin-right: 0px;
	}


.form-inline-description.extra {
	margin-top: 20px;
	text-align: left;
}

.section-block-legacy.legacy-direct-payment,
.section-block-legacy-top.legacy-direct-payment {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 15px;
}
.pdf-info-container {
	margin-top: 18px;
	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
	font-size: 23px;
	color: #a9a9a9;
	line-height: 28px;
}
.legacy-comments-blank {
	border-bottom: 0px;
	margin-bottom: 0px !important;
}
.b {
font-family: CrimsonSemibold;
}
/*
 *** Colors ***
 pink: #DB2471

	font-family: CrimsonText, Palatino, Palatino Linotype, serif, Georgia, serif,"Times New Roman", Times, serif,serif,"Lucida Grande", Verdana, Arial, serif;
*/


.user-desktop #label-mode input[type="radio"], .user-desktop #label-group input[type="radio"]{
	margin-top: -5px;
    margin-right: 6px;
    margin-left: -1px;
}

.user-desktop #label-group input[type="radio"] + span{
	margin-top: -7px;
	margin-right: 12px;
}

.user-mobile #label-group input[type="radio"], .user-mobile #label-group input[type="radio"] + span{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* 
esto se descomenta cuando solo hay 1 grupo de primero
 */


.user-desktop.child-postgrado-astrologia-vivencial .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
.user-desktop.child-postgrado-astrologia-vivencial  .section-escribe-tus-datos-de-contacto h3{
	display: none;
}

.user-desktop.child-formacion-barcelona-1 .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
/* 
.user-desktop.child-formacion-barcelona-1 .section-escribe-tus-datos-de-contacto h3{
	display: none;
}
 */
/* 
.user-desktop.child-formacion-distancia-1 .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
 */
/* 
.user-desktop.child-formacion-distancia-1 .section-escribe-tus-datos-de-contacto h3{
	display: none;
}
 */

.user-desktop.child-formacion-barcelona-2 .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}


.user-desktop.child-postgrado-astrologia-evolutivo .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}

.user-desktop.child-postgrado-astrologia-relacional .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}

.user-desktop.child-postgrado-astrologia-vocacional .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}

/* 
.user-desktop.child-formacion-barcelona-2 .section-escribe-tus-datos-de-contacto h3{
	display: none;
}
 */

/* 
.user-desktop.child-formacion-distancia-2 .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
.user-desktop.child-formacion-2 .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
 */

.user-desktop.child-postgrado-astrologia-terapeutica .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}

.user-desktop.child-introductorio .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}

/* 
.user-desktop.child-introductorio .section-escribe-tus-datos-de-contacto h3{
	display: none;
}
 */


/* 
estos dos puntos quitan la opción de elegir modalidad (en el caso de silvia neira)
 */
.user-desktop.child-postgrado-practicas-de-interpretacion-silvia-2021 .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
.user-desktop.child-postgrado-practicas-de-interpretacion-silvia-2021 .section-escribe-tus-datos-de-contacto h3{
	display: none;
}

.user-desktop.child-postgrado-practicas-de-interpretacion-lucia .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
.user-desktop.child-postgrado-practicas-de-interpretacion-lucia .section-escribe-tus-datos-de-contacto h3{
	display: none;
}

.user-desktop.child-postgrado-astrologia-evolutiva .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
.user-desktop.child-postgrado-astrologia-evolutiva .section-escribe-tus-datos-de-contacto h3{
	display: none;
}


.user-desktop.child-postgrado-asteroides .section-apntate-completando-este-formulario{
	border-bottom: none;
	margin-bottom: 0;
    padding-bottom: 0;
}
.user-desktop.child-postgrado-asteroides .section-escribe-tus-datos-de-contacto h3{
	display: none;
}

.input-bool-registro
{
display: none;visibility: hidden;
}

.text-uppercase {
    text-transform: uppercase;
}

.font-sans {
    font-family: GothamBold, Palatino, Palatino Linotype, Georgia;
}

.es-oculto label{
    display: none !important;
}

.es-ocult {
    display: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.font-label {
    font-size: 18px;
}

.font-title {
    font-size: 19px;
    line-height: 30px;
}

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

.w-100 {
    width: 100%;
}

.tachado {
	text-decoration: line-through;
	color: red;
}

#listado-resumen{
	font-size: 18px;
}

.device-handset .hidden-handset{
	display: none;
}

.device-desktop .hidden-desktop{
	display: none;
}

.child-varios-cursos.device-handset [id^="label-multiple_"]{
	display: none;
}

.todo-junto #discounts, .todo-junto #total-text, .todo-junto #discounts-container{
	display: inline;
}

.device-handset .todo-junto {
	margin-bottom: 25px;
}

.device-handset .todo-junto #discounts{
	display: block;
}

.todo-junto #discounts::before{
/* 
	content: "(";
 */
}

.todo-junto #discounts li {
	display: inline;
}

.todo-junto #discounts li:not(:last-child)::after {
     content: "\A"; /* Esto añade un salto de línea */
    white-space: pre; /* Necesario para que el salto de línea se renderice correctamente */


}

.todo-junto #discounts::after{
/* 
	content: ")";
 */
     content: "\A\A"; /* Esto añade un salto de línea */
    white-space: pre; /* Necesario para que el salto de línea se renderice correctamente */

}

.todo-junto #discounts-container{
    margin-left: 5px;
}

/* 
quito color fondo al clicar en tabletas android o telfs android
 */
.noSelect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
-webkit-tap-highlight-color: transparent;

:focus {
    outline: none !important;
}
/* .page-home.device-handset .header-container{ border-bottom-color: transparent;} */

.mdtc-velocidad, .mdtc-fast{
	padding-top: 12px !important;
	color: #2746A8 !important;
	margin-top: 1px !important;
}

.mdtc-bajar, .mdtc-subir, .mdtc-adelante, .mdtc-atras{
	cursor: pointer;
}

.mediatec-cleanaudioplayer .mdtc-desactivado {
	color:#d4d2d2;
	opacity: 0.5;
	pointer-events: none;
}

/* Velocidad intermedia */
.mediatec-cleanaudioplayer .mdtc-activado {
	opacity: 0.75;
}

/* Velocidad min/max */
.mediatec-cleanaudioplayer .mdtc-velocidad-extrema {
	opacity: 0.3;
	pointer-events: none;
}

.mdtc-bajar{
	margin-right: 15px !important;
}

.mdtc-atras {
	margin-right: 20px !important;
	margin-left: 10px !important;
	}


.mdtc-adelante {
	margin-right: 10px !important;
}

.mdtc-fast {
	margin-right: 10px !important;
}

.mdtc-largo-1{
	width: calc(100% - 0px) !important;
}

.mdtc-largo-2, mdtc-largo-3{
	width: calc(100% - 0px) !important;
}

.mdtc-largo-4, .mdtc-largo-5, .mdtc-largo-6{
	width: calc(100% + 0px) !important;
}

.audio-control {
	display: inline-block;
	font-size: 16px !important;
}

.mdtc-atras {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	transform: rotate(180deg);
}

.mdtc-bajar {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	transform: rotate(90deg);
}

.mdtc-subir {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
	transform: rotate(-90deg);
}

.mdtc-clnplra-pause, .mdtc-clnplra-play {
	top: -7px !important;
	padding-right: 10px !important;
}

/* 
.mdtc-clnplra-time {
    margin-top: 8px;
}
 */

.mdtc-clnplra-current-time {
    color: #666666;
}


.mdtc-clnplra-time > * {
	line-height: normal !important;
	margin-top: 3px !important;
}

.mdtc-clnplra-time {
	margin-right: 4px !important;
	margin-top: 0 !important;
	position: relative;
	z-index: 1;
	color: #FFAE42; //#FFAE42 !important;
	line-height: normal !important;
}

.mdtc-clnplra-seek-container-inner{
	right: 10px !important;
}

.audio-control:before{
	content: "\e604";
}

.mdtc-adelante:before{
letter-spacing:-5px;
	content: "\e604\e604";
}

.mdtc-clnplra-separator{
	display: none;
}

.h-auto textarea{
	overflow: hidden;
	resize: none;
}

.static-color {
	color: inherit;
}

.as-link {
	cursor: pointer;
}

.device-handset .modal-overflow .modal-content{
	max-height: calc(100% - (50px * 2));	/* 50px arriba y abajo */
}

.modal-overflow .modal-body{
	max-height: calc(100% - 37px - 53px - (15px * 2));	/* = 450px - (.modal-header height) - (.modal-footer height) - self-padding */
	overflow: auto;	
	margin: 0 !important;
    padding: 15px 14px;
}


[browser-os="iphone"] .modal-overflow .modal-body, [browser-os="ipad"] .modal-overflow .modal-body {
	max-height: calc(450px - 37px - 53px - (15px * 2));	/* = 450px - (.modal-header height) - (.modal-footer height) - self-padding */
}

.modal-body p {
	margin-top: 0;
}

#cookies-form > div {
	margin-top: 6px;
}

.desplegador{
	margin-left: 5px;
	padding: 5px;
}

.desplegador + div{
	display: none;
}

_:-ms-fullscreen, :root .modal { 
	display:block; 
}

#over-the-top-bar{
	background: black;
	color: white;
	padding: 5px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 2147483647;
}

.logged .logged-d-none{
	display: none;
}

.payment-form #submit-legacy-pay.checking{
	opacity: 0.9;
}

.payment-form #submit-legacy-pay.checking:hover{
	cursor: wait;
}

.misiva_error {
    color: #eb1c26;
    font-style: italic;
    padding-left: 10px;
    padding-top: 10px;
}

.modal-old-skool .modal-title{
	display: inline !important;
}

.modal-old-skool .modal-title > span{
	display: block;
	color:#666;
	line-height:24px;
	padding:5px 20px;
}

.base-bottom {
	padding-bottom: 25px !important;
}

#metodos-pago {
	width: 100%;
}

#metodos-pago >:not(:first-child) {
	margin-top: 13px;
}

[name="forma_pago"]{
	margin-right: 8px;
}

.device-handset #metodos-pago>:last-child {
    margin-bottom: -12px;
}

[data-forma_pago] {
    display: none;
    margin-top: 10px;
}

.device-desktop [data-forma_pago]{
	margin-left: 25px;
}

#paypal-button-container {
    display: inline-block;
}

.device-handset #paypal-button-container {
	margin-bottom: 10px;
}

#paypal-button-container iframe {
	background-color: #0070ba !important;/* 

	filter: hue-rotate(123deg) contrast(96%) brightness(97%);
	filter: hue-rotate(30deg) contrast(110%) brightness(78%);
 */
}

.device-desktop [data-forma_pago] #card_number {
    width: 285px;
}

.mb {
	margin-bottom: 13px;
}

.device-handset [data-forma_pago="anterior"]{
	margin-top: -10px;
	margin-bottom: -20px;
}

.mdtc-clnplra-seek-bar::before{
	display: none;
	position: absolute;
    top: -10px;
    left: 10px;
	color: rgb(119, 119, 119);
	z-index: 1;
}

.mdtc-clnplra-seek-bar::before{
	content: "CARGANDO, ESPERA UNOS SEGUNDOS...";
	color: #FFAE42;//#FFAE42;
}

@keyframes animacionPuntos {
    0% { content: "CARGANDO, ESPERA UNOS SEGUNDOS"; }
    25% { content: "CARGANDO, ESPERA UNOS SEGUNDOS."; }
    50% { content: "CARGANDO, ESPERA UNOS SEGUNDOS.."; }
    75% { content: "CARGANDO, ESPERA UNOS SEGUNDOS..."; }
    100% { content: "CARGANDO, ESPERA UNOS SEGUNDOS"; }
}

.mdtc-clnplra-seek-bar::before{
    animation: animacionPuntos 2s infinite;
    display: none;
    position: absolute;
    top: -10px;
    left: 10px;
    color: #FFAE42;
    z-index: 1;
}

.device-handset .mdtc-clnplra-state-seeking .mdtc-clnplra-time{
	display: none;
}

.mdtc-clnplra-state-seeking .mdtc-clnplra-seek-bar::before{
	display: block;
}

.mdtc-clnplra-state-seeking .mdtc-clnplra-controls{
	opacity: 0.5;
    pointer-events: none;
}

#payment-form{
	margin: 0;
}

.d-none{
	display: none !important;
}

[name="forma_pago"][readonly], .readonly{
	pointer-events: none;
}

[name="forma_pago"][readonly]{
	filter: grayscale(1);
    opacity: 25%;
}

[data-forma_pago="paypal"] {
    z-index: 0;
    position: relative;
}

.container-metodos-pago {
	border-top: 1px solid #CCCCCC;
	padding: 20px 0 !important;
}

.device-handset .container-metodos-pago{
	border-bottom: 1px solid #CCCCCC !important;
}

.device-handset #payment-form{
	padding: 0;
}

.capitalize-first {
    display: inline-block;
}

.capitalize-first::first-letter {
    text-transform: capitalize;
}

#autocomplete-list-localizacion .autocomplete {
	position: absolute;
	display: inline-block;
}

 #autocomplete-list-localizacion.autocomplete-items {
	position: absolute;
	border-bottom: none;
	z-index: 99;
}

.device-handset #autocomplete-list-localizacion.autocomplete-items {
	border-top: 1px solid #d4d4d4;
}

#autocomplete-list-localizacion.autocomplete-items div {
	border-right: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d4d4d4;
}

.device-desktop #autocomplete-list-localizacion.autocomplete-items div {
	padding: 10px;
}

.device-handset #autocomplete-list-localizacion.autocomplete-items div {
	font-family: CrimsonText, Arial, Helvética;
	font-size: 18px;
	height: 20px;
	padding: 15px 10px 10px 10px;
	white-space: nowrap !important; /* Evita que el texto se rompa en líneas */
	overflow: hidden !important;   /* Oculta el contenido que excede el contenedor */
	text-overflow: ellipsis !important; /* Añade "..." al final cuando el contenido es cortado */
}


#autocomplete-list-localizacion.autocomplete-items div:hover {
	background-color: #e9e9e9;
}

#autocomplete-list-localizacion .autocomplete-active {
	background-color: #CC2876 !important;
	color: #ffffff;
}

[browser-os="iphone"] .modal-with-input {
	justify-content: start !important;
}

[browser-os="iphone"] .modal-with-input .modal-content {
	margin-top: 100px;
}