@font-face {
    font-family: 'bluumi_categories';
    src: url('../fonts/bluumi-categories-webfont.eot');
    src: url('../fonts/bluumi-categories-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bluumi-categories-webfont.woff2') format('woff2'),
         url('../fonts/bluumi-categories-webfont.woff') format('woff'),
         url('../fonts/bluumi-categories-webfont.ttf') format('truetype'),
         url('../fonts/bluumi-categories-webfont.svg#bluumi_categories') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	outline:none;
    outline-offset:0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	box-sizing:border-box;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding:0;
	margin:0;
	background:none;
	border:none;
	font-family:'Lato', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:16px;
	color:#151d24;
	background:#fff;
	line-height:1.3;
}
*{
	outline:none;
    outline-offset:0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
a[class]:hover,
a[class]:focus{
	text-decoration:none;
}
a:focus{
	outline:none;
    outline-offset:0;
}
img{
	max-width:100%;
	height:auto;
}
button{
	background:none;
	border:none;
}
.access .button.full{
	display:block;
	width:100%;
}
button:focus {outline:0;}
button:active>*,
button:focus>*{
 	position:relative;
    top:0;
    left:0;
}
.material-icons{
	position:relative;
	top:1px;
}
/*FORMS*/
input,
.form-control,
.form-control:focus,
textarea,
select{
	border:1px solid #b8c5db;
	font-weight:400;
	font-size:16px;
	color:#151d24;
	line-height:1;
	height:auto;
	border-radius:2px;
	padding:11px 12px;
	height:43px;
	display:block;
	width:100%;
}
select{
	padding-top:10px;
}
textarea{
	resize:none;
	height:auto;
	line-height:1.5;
}
label{
    display:inline-block;
    width:auto;
    margin:0;
    font-size:15px;
    line-height: inherit;
   	color:#151d24;
    border: 0;
	font-weight:900;
	margin-bottom:6px;
}
.formRow{
	margin-top:40px;
}
.dropzone .dz-preview .dz-details .dz-size{display:none;}
/*BOTONES*/
.button{
	display:inline-block;
	background:#9baac4;
	border:1px solid #9baac4;
	color:#fff;
	border-radius:2px;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	padding:8px 16px 7px;
	cursor:pointer;
	line-height:24px;
	transition:all ease-in-out .3s;
	height:auto;
	text-align:center;	
}
.button:hover{
	opacity:.6;
}
.button.color{
	color:#fff;
	background:#00b7fe;
	border-color:#00b7fe;
}
.button.color.settings{
	background:#f154ff;
	border-color:#f154ff;
}
.button.color.info{
	background:#ff2948;
	border-color:#ff2948;
}
.button.dark{
	background:#151d24;
	border-color:#151d24;
}
.button.full{
	display:block;
	width:100%;
}
.button.xl{
	font-size:24px;
	padding:23px 16px 21px;	
}
.button.dashed{
	background:#f0f7ff;
	border:2px dashed #9baac4;
	color:#151d24;
	font-weight:900;	
}
.button .material-icons{
	vertical-align:middle;
	line-height:0;
	top:-2px;
	left:-2px;
}
.access .button{
	display:inline-block;
	width:auto;
	padding:14px 48px 13px;
	margin-top:12px;
}
/*LAYOUT*/
.layout{
	display:table;
	width:100%;
	height:100vh;
}
.layout > div{
	display:table-cell;
	vertical-align:middle;
	padding:48px;
}
.access > div{
	max-width:480px;
	margin:0 auto;
}
.access{
	background:url(../img/iconsbg-01.png);
}
/*Elements*/
#logo{
	padding:0;
	margin:0;
	margin-bottom:72px;
	position:relative;
	left:-2px;
	margin-top:-16px;
	margin-top:0;
	
	display:inline-block;
	max-width:260px;
}
.forgot,
.back{
    font-size:14px;
    color: #9baac4;
	display:inline-block;
	padding:4px 0 16px;
}
.forgot:hover,
.forgot:focus,
.back:hover,
.back:focus{
	color:#00b7fe;
}
.errors,
.success{
	font-size:14px;
	font-weight:700;
	color:#ff2948;
	margin-top:12px;
}
.success{
	color:#00b799;
}
/**/
.layout> div.products{
	background:#181c18;
	width:480px;width:30%;
	color:#fff;
	padding:0;	
	background:#1b271b url(../img/login-products-bg.jpg) no-repeat center top;
	background:url(../img/login-products-bg2.jpg);
	background-size:cover;
	vertical-align:top;
}
.products > div{
	width:100%;
	height:100vh;
	overflow:hidden;
	overflow-y:scroll;
	padding:48px;
}
.products > div > *{
	width:400px;
	margin-left:auto;
	margin-right:auto;
}
.products > div > *:last-child{
	margin-bottom:48px;
}
.products h2{
	margin-top:12px;
	font-size:40px;
	font-weight:900;
}
.products h4{
	color:#00b7fe;
	font-size:28px;
}
.products p{
	line-height:1.3;
}
.products p strong{
	font-size:18px;
}
.products p:last-of-type{
	margin-bottom:48px;
}
.product{
	background:#fff;
	border-radius:5px;
	box-shadow:0 1px 15px rgba(0,0,0,.7);
	margin-bottom:20px;
	padding:24px;
	position:relative;
	color:#151d24;
	margin-top:16px;
	min-height:224px;
	padding-left:140px;
}
.product .image{
	width:100px;
	position:relative;
	overflow:hidden;
	border-radius:2px;
	border: 1px solid #fff;
    box-shadow: 0 0 0 1px #9baac4;
	position:absolute;
	left:24px;
	top:24px;
}
.product .name{
	font-size:23px;
	font-weight:900;
	margin-top:-7px;
}
.product .price{
	text-transform:none;
	color:#7c8596;
	font-size:20px;
	white-space:nowrap;
	font-weight:900;
	display:inline-block;
}
.product .price span{
	font-size:15px;
	font-weight:700;
}
.product .description{
	font-size:14px;
	font-weight:700;
	margin-top:4px;
	line-height:1.1;
}
.product .buttons{
	position:absolute;
	left:0;
	bottom:24px;
	width:100%;
	padding-right:24px;
	padding-left:140px;
	font-size:0;
}
.product .button{
	width:calc(50% - 4px);
	font-size:12px;
	font-weight:700;
	padding-bottom:8px;
	padding-left:0;
	padding-right:0;
}
.product .button:first-child{
	margin-right:8px;
}
.product .functions{
	display:block;
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:400;
	margin-top:40px;
}
.product .functions li{
	display:block;
	padding:4px 0;
	margin:0;
}
.product .functions .material-icons{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-2px;
	left:-2px;
	color:#00b7fe;
	margin-right:4px;
}
/**/
.products .category{
	border:1px solid rgba(255,255,255,.3);
	padding:12px;
	border-radius:5px;
}
.products .category:not(:first-of-type){
	margin-top:24px;
}
.products .category .product:last-child{
	margin-bottom:0;
}
.products .category .title{
	text-transform:uppercase;
	font-weight:900;
	cursor:pointer;
	padding:10px 0 8px;
	margin:-10px 0 -8px;
	font-size:13px;
	letter-spacing:0.5px;
	padding-right:30px;
	color:#00b7fe;
	position:relative;
}
.products .category .title:after{
	content: "\E5C5";
    font-family: 'Material Icons';
    position: absolute;
    right:-2px;
    top:calc(50% - 12px);
	font-size:24px;
	line-height:1;
	font-weight:normal;
}
.products .category .title.open:after{
	content: "\E5C7";
}
/**/
.products select{
	border:none;
	font-weight:700;
	background:rgba(0,0,0,.2);
	border:1px solid #fff;
	color:#fff;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.products select{
		background:none;
	}
}
.products select option{
	color:#151d24;
	padding:8px 12px;
	background:#fff;
}
@media only screen and (max-width: 900px){
	#logo{
		margin-top:0;
	}
	.layout > div{
		display:block;
	}
	.layout> div.products{
		width:100%;
	}
	.products > div{
		height:auto;
		overflow:visible;
	}
}
@media only screen and (max-width: 600px){
	.layout > div,
	.layout> div.products{
		padding:24px; padding-top:56px;
	}
	.products > div{
		padding:0;
	}
	#logo{
		margin-bottom:40px;
	}
	.products > div > *{
		width:100%;
	}
	.formRow{
		margin-top:16px;
	}
	.product{
		padding:16px;
		min-height:250px;
	}
	.product .image{
		width:40px;
		left:16px;
		top:16px;
	}
	.product,
	.product .buttons{
		padding-left:68px;
		padding-right:16px;
	}
	.product .buttons{
		padding-left:16px;
		bottom:16px;
	}
	.product .name{
		margin-top:-6px;
	}
}
#infoModal .close,
#tryModal .close{
	position:absolute;
	right:0;
	top:0;
	padding:6px;
	z-index:1
}
#infoModal .modal-dialog{
	width:800px;
}
#infoModal .modal-body .product{
	background:none;
	box-shadow:none;
	margin:0;
	padding:16px;
	position:relative;
	overflow:hidden;
	padding-left:380px;
	min-height:620px;
}
#infoModal .modal-body .product .image{
	width:322px;
}
#infoModal .modal-body .product > *:not(.image){
	display:block;
}
#infoModal .modal-body .product .name{
	margin-top:3px;
}
@media only screen and (max-width: 900px){
	#infoModal .modal-dialog{
		width:360px;
		margin:20px auto;
	}
	#infoModal .modal-body .product{
		padding:16px;
	}
	#infoModal .modal-body .product .image{
		position:relative;
		width:auto;
		left:0;
		top:0;
		margin:2px;
	}
	#infoModal .modal-body .product .name{
		margin-top:20px;
	}
}
@media only screen and (max-width: 400px){
	#infoModal .modal-dialog{
		width:240px;
	}
}
#tryModal .product,
#tryModal .productForm{
	padding:16px;
	box-shadow:none;
	background:none;
	min-height:0;
	margin:0;
}
#tryModal .product .description{
	margin-top:20px;
}
#tryModal .button{
	display:inline-block;
	width:auto;
	padding: 14px 48px 13px;
}
/*CADUCADA*/
.renew{
	margin:20px 0 70px;
	border:3px solid #00b7fe;
	border-radius:2px;
	padding:12px;
	display:table;
	width:100%;
}
.renew .price{
	text-transform:none;
	font-size:22px;
	white-space:nowrap;
	font-weight:900;
	display:inline-block;
}
.renew .price span{
	font-size:17px;
	font-weight:700;
}
.renew > div{
	display:table-cell;
	vertical-align:middle;
	width:50%;
	padding:4px 8px 4px 4px;
	padding-right:4px;
}
.renew > div:last-child{
	text-align:right;	
}
.expired .renew + div,
.expired .card  + div{
	padding-top:60px;
	border-top:1px dashed #9baac4;
}
.expired .button{
	padding-left:24px;
	padding-right:24px;
	margin:0;
}
.expired h2 .material-icons{
	margin-right:8px;
	top:2px;
	color:#ff2948;
}
.expired h4{
	margin:48px 0 16px;
}
.expired .card .button{
	margin:20px 0 60px;
}
.expired .card .option label strong{
	width:80px;
	display:inline-block;
}
.access.expired > div{
	position:relative;
}
.expired .exit{
	display:inline-block;
	border:1px solid #151d24;
	background:#151d24;
	color:#fff;
	cursor:pointer;
	line-height:1;
	width:34px;
	height:34px;
	text-align:center;
	border-radius:17px;
	position:absolute;	
	right:0;
	top:10px;
	padding-top:3px;
}
.expired #logo{
	max-width:200px;
}
.expired .option{
	line-height:1;
}
/**/
.expired.upload h2 .material-icons{
	color:#00b7fe;
}
/*RESULTADOS*/
.result .material-icons{
	font-size:36px;
	vertical-align:middle;
	float:left;
	margin-right:8px;
	top:-1px;
}
.result h3{
	padding:0;
	margin:0;
	font-size:24px;
	font-weight:700;
}
.result > div{
	margin:0 auto;
	margin-top:15px;
	border-top:1px dashed #9baac4;
	border-bottom:1px dashed #9baac4;
	padding:16px 0;
	font-size:16px;
	display:block;
	text-align:left;
	font-weight:400;
}
.result h3,
.result > div{
	line-height:1.3;
	color:#151d24;
}
.result ul{
	margin-top:20px;
	padding:0
}
.result li{
	margin-top:20px;
	font-weight:700;
	list-style-position:inside;
}
.result .material-icons{
	color:#00b7fe;
}
.result.success .material-icons{
	color:#00b799;
}
.result.error .material-icons{
	color:#ff2948;
}
.result + .result{
	margin-top:100px;
}
/*RADIOS Y CHECKS*/
.option{
	display:inline-block;
	position:relative;
	padding:11px 0;
	padding-left:26px;
	padding-right:16px;
}
.option input{
	display:inline-block;
	width:40px;
	height:40px;
	padding:0;
	vertical-align:middle;
	opacity:0;
	z-index:1;
	position:absolute;
	left:0;
	top:0;
}
.option label{
	margin:0;
}
.option input[type="checkbox"],
.option input[type="radio"]{
	margin:0;
}
.option input[type="checkbox"] + label:after,
.option input[type="radio"] + label:after{
	content: "\E835";
	font-family: 'Material Icons';
	font-size:24px;
	font-weight:normal;
	position:absolute;
	left:-2px;
	top:0;
	padding:8px 16px 8px 0;
	color:#9baac4;
}
.option input[type="radio"] + label:after{
	content: "\E836";
}
.option input[type=checkbox]:checked + label:after{
	content: "\E834";
	color:#151d24;
}
.option input[type=radio]:checked + label:after{
	content: "\E837";
	color:#151d24;
}
.options.rows .option{
	display:block;
}
.options legend ~ .option label{
	font-weight:700;
}
.options legend{
	margin-bottom:4px;
}
.table .option{
	margin:-14px 0;
}
.table .option input[type="checkbox"] + label:after{
	top:-4px;
}
/*PERIODICIDAD*/
#periodicityModal .modal-body{
	padding:32px;
}
#periodicityModal h4{
	padding:0;
	margin:0 0 32px;
	font-size:28px;
	font-weight:300;
}
#periodicityModal .option strong{
	display:inline-block;
	width:80px;
	padding-left:2px;
}
#periodicityModal{
	padding:0 !important;
}
#periodicityModal .modal-dialog {
	width: 274px;
	margin:40px auto;
}
#periodicityModal .modal-footer{
	padding:15px;
}
/*IDIOMAS*/
.access{
	position:relative;
}
.lang.dropdown{
	position:absolute;
	right:0;
	top:0;	
}
.lang.dropdown .dropdown-toggle{
	display:inline-block;
	padding:8px 10px;
	cursor:pointer;
	font-size:14px;
}
.lang.dropdown .dropdown-toggle .material-icons{
	vertical-align:middle;
	top:-1px;
	color:#00b7fe;
}
.lang.dropdown .current a {
    font-weight: 700;
}
span.dropdown{
	display:inline-block;
}
.dropdown .dropdown-menu{
    transition: all 0.3s;
    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
	transform:scaleY(0);
	transform-origin:left top;
}
.dropdown.open .dropdown-menu {
    max-height:300px;
    opacity: 1;
	transform:scaleY(1);
}
.dropdown-menu{
	border-radius:5px;
	border:1px solid rgba(0,0,0,.05);
	box-shadow:0 1px 6px rgba(0,0,0,.05);
}
.dropdown-menu > li > a,
.dropdown-menu > li > button{
    padding:12px;
    font-weight:400;
    white-space:nowrap;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color:#151d24;
    background:#f0f7ff;
}
.dropdown .dropdown-toggle{
	width:100%;
	display:inline-block;
}
/**/
.formRow.terms a{
	text-transform:uppercase;
	font-size:12px;	
	font-weight:700;
	color:#9baac4;
	display:inline-block;
	margin-top:12px;
}
.formRow.terms a:hover,
.formRow.terms a:focus{
	color:#00b7fe;
	text-decoration:none;
}