@charset "UTF-8";

/*cards*/
.card{background:#FFF;/*-moz-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);-webkit-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);*/-webkit-border-radius: 10px;border-radius: 10px;overflow:hidden;margin-bottom:30px;}


.nav_checkbox_desplegable + .nav_desplegable > .nav_desplegable_content{display:none;}
.nav_checkbox_desplegable:checked + .nav_desplegable .nav_desplegable_open_none{display:none !important;}
.nav_checkbox_desplegable:checked + .nav_desplegable .nav_desplegable_open_block{display:block !important;}
.nav_checkbox_desplegable:checked + .nav_desplegable .nav_desplegable_open_inline-block{display:inline-block !important;}
.nav_checkbox_desplegable:checked + .nav_desplegable > .nav_desplegable_content{display:block;}

/*button*/
.btn{padding:0 24px;border:0;font-size:13px;background:#03a9f4;color:#FFF;-webkit-border-radius:32px;border-radius:32px;text-align:center;display:inline-block;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,'Roboto',sans-serif;text-decoration:none !important;line-height:2.8;font-weight:500;position:relative;overflow:hidden;vertical-align:middle;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.btn:disabled, .btn.disabled{background:#CCC !important;pointer-events:none !important;box-shadow:0 !important;}
.btn:hover{background:#039be5;}
.btn.white, .btn.hover_white:hover{color:#FFF;}
.btn.btn_raised{-moz-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);-webkit-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);}
.btn.btn_raised:hover{-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.36);-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.36);box-shadow: 0 2px 4px 0 rgba(0,0,0,0.36);}

.btn.btn_outline{background:transparent;-webkit-box-shadow:inset 0 0 0 2px currentColor;box-shadow:inset 0 0 0 2px currentColor;}
.btn.btn_outline:hover{color:#FFF;-webkit-box-shadow:inset 0 0 0 2px transparent;box-shadow:inset 0 0 0 2px transparent;}

/*pills*/
.pill input[type="radio"],label.pill input[type="checkbox"]{display:none;}
.pill span{display:inline-block;-webkit-border-radius:32px;border-radius:32px;padding:5px 16px;font-weight:bold;font-size:0.9rem;background:#bdbdbd;}

.pill input[type="radio"] + span:hover, .pill input[type="checkbox"] + span:hover{background:#9e9e9e;}

.pill input[type="radio"]:checked + span,
.pill input[type="radio"]:checked + span:hover,
.pill input[type="checkbox"]:checked + span,
.pill input[type="checkbox"]:checked + span:hover{color:#FFF;background:#03a9f4;}

a.pill span:hover{color:#FFF;background:#03a9f4;}

.page{page-break-after:always;}

/*nav*/
nav{width:250px;background:#212121;color:#FFF;/*-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);*/border-right:1px solid #000;position:fixed;top:0;left:0;bottom:0;z-index:9;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;font-size:1rem;}
.menu{position:absolute;top:57px;bottom:113px;left:0;right:0;overflow:auto;}
.nav a:first-child, .nav hr + a{margin-top:8px;}
.nav a{padding-left:4px;padding-right:16px;display:block;}
.nav a:hover{background:#fafafa;}
.nav span{padding-left:16px;font-size:14px;font-weight:500;color:rgba(0,0,0,0.87);}
.nav hr{margin-top:8px;}
.nav hr:first-child{margin-top:0;}
.nav .subheader{font-weight:500;font-size:14px;color:rgba(0,0,0,.54);padding:13px 16px;}
.nav_title{display:block;font-size:1.2rem;padding:13px 18px;}

.nav_overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.65);z-index:8;}

.header{position:fixed;top:0;right:0;left:250px;background:#212121;color:#FFF;z-index:7;border-bottom:1px solid #000;height:57px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}
.breadcrumbs{transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

/*header
header{position:fixed;top:0;right:0;left:250px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);z-index:9;transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;font-size:1rem;}*/

/*content*/
.content{padding-left:250px;padding-top:56px;transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;}

/*notifications*/
.notifications{position:fixed;z-index:11;bottom:10px;left:10px;}
.notification{margin:10px;background:#111;color:#CCC;font-size:0.8em;padding:10px;border-radius:2px;}
.notification a{font-size:0.6em;margin-left:30px;}


.modal{min-width:500px;max-height:100vh;overflow:auto;max-width:100vw;}

.tooltip{padding:4px;background:#000;color:#FFF;font-size: 0.8rem;-webkit-border-radius: 2px;border-radius: 2px;top:-38px;left:50%;-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50px);-ms-transform: translateX(-50%);transform: translateX(-50%);white-space:nowrap;z-index:8;pointer-events:none;}


/*badge*/
.badge{font-size: 11px;line-height: 1;position: absolute;background:#9e9e9e;color:#FFF;padding:3px;-webkit-border-radius:32px;border-radius:32px;min-width:17px;text-align:center;margin:0 2px;}
.badge:empty{display:none;}


/*checkbox-icon*/
.checkbox-icon{cursor:pointer;}
.checkbox-icon input[type="checkbox"]{display:none;}
.checkbox-icon input[type="checkbox"]:checked ~ i.checked_none{display:none;}
.checkbox-icon input[type="checkbox"]:checked ~ i.checked_inline-block{display:inline-block !important;}
/*.checkbox-icon:active i{background:rgba(0,0,0,0.1);}
.checkbox-icon.white:active i{background:rgba(255,255,255,0.1);}*/
/*.checkbox-icon:active input[type="checkbox"] + i{background:rgba(0,0,0,0.15);}*/







label.switch{display:inline-block !important;vertical-align:middle;height:48px;width:56px;position:relative;padding:16px 10px;}
label.switch input[type="checkbox"]{display:none;}
label.switch span{width: 48px;height: 14px;display: inline-block;vertical-align: middle;}
label.switch span:before{content:'';display:inline-block;vertical-align:middle;width:32px;height:18px;border-radius:10px;background:#999;position:absolute;top:16px;left:10px;transition:0.2s;-moz-transition:0.2s;-webkit-transition:0.2s;-o-transition:0.2s;}
label.switch span:after{content:'';display:block;position:absolute;top:18px;left:12px;width:14px;height:14px;border-radius:100%;background:#FFF;-moz-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);-webkit-box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);box-shadow:0px 1px 3px 0 rgba(0,0,0,0.24);transition:0.2s;-moz-transition:0.2s;-webkit-transition:0.2s;-o-transition:0.2s;}
label.switch input[type="checkbox"]:checked + span:before{background:currentColor;}
label.switch input[type="checkbox"]:checked + span:after{left:26px;}

label.switch input[type="checkbox"]:disabled + span{opacity:0.5;cursor:not-allowed;}


.spinner{display:inline-block;position:relative;width:48px;height:48px;vertical-align:middle;}
.spinner:after{content:'';position:absolute;top:14px;left:14px;bottom:14px;right:14px;border-radius:100%;border:2px solid currentColor;border-right:2px solid transparent;
animation:spin_container 0.6s linear infinite;-moz-animation:spin_container 0.6s linear infinite;-webkit-animation:spin_container 0.6s linear infinite;-o-animation:spin_container 0.6s linear infinite;}

.wheel{animation:wheel 2s linear infinite;-moz-animation:wheel 2s linear infinite;-webkit-animation:wheel 2s linear infinite;-o-animation:wheel 2s linear infinite;}

@keyframes spin_container{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spin_container{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes spin_container{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}



@keyframes wheel{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@-moz-keyframes wheel{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}
@-webkit-keyframes wheel{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(-360deg);
		-webkit-transform: rotate(-360deg);
		-o-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		transform: rotate(-360deg);
	}
}


/*@keyframes spin_after{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}
@-moz-keyframes spin_after{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}
@-webkit-keyframes spin_after{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

@keyframes spin_before{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@-moz-keyframes spin_before{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}
@-webkit-keyframes spin_before{
	from {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}to {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
}*/


/* Rules for sizing the icon.*/
.material-icons.md-12, .material-icons-outlined.md-12 { font-size: 12px; }
.material-icons.md-18, .material-icons-outlined.md-18 { font-size: 18px; }
.material-icons.md-24, .material-icons-outlined.md-24 { font-size: 24px; }
.material-icons.md-36, .material-icons-outlined.md-36 { font-size: 36px; }
.material-icons.md-48, .material-icons-outlined.md-48 { font-size: 48px; }
.material-icons.md-64, .material-icons-outlined.md-64 { font-size: 64px; }
.material-icons.md-96, .material-icons-outlined.md-96 { font-size: 96px; }
.material-icons.md-128, .material-icons-outlined.md-128 { font-size: 128px; }

/* Rules for using icons as black on a light background.*/
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background.*/
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

@media only screen and (min-width: 1017px) {/*desktop specific*/
}
@media only screen and (max-width: 1120px) {/* large tablets */
}
@media only screen and (max-width: 870px) {/* small tablets 767*/
	nav {left:-250px;}
	.content{padding-left:0;}
	.header{left:0;}
	.breadcrumbs{padding-left:56px !important;}

	nav:target {left:0;}
	nav:target ~ .nav_overlay{display:block;}

	.modal{width: 100%;max-width: none !important;min-width: initial;margin-top:10vh;top:0 !important;left:0 !important;right:0;-ms-transform: translate(0,0) !important;transform: translate(0,0) !important;}
}
@media only screen and (max-width: 605px) {/* phones */
}
@media only screen and (max-width: 767px) and (orientation: portrait) {/* portrait phones */

.material-icons.phone_md-18 { font-size: 18px; }
.material-icons.phone_md-24 { font-size: 24px; }
.material-icons.phone_md-36 { font-size: 36px; }
.material-icons.phone_md-48 { font-size: 48px; }
.material-icons.phone_md-64 { font-size: 64px; }
.material-icons.phone_md-96 { font-size: 96px; }
.material-icons.phone_md-128 { font-size: 128px; }

}