@font-face {
	font-family : 'Material Icons' ;
	font-style : normal;
	font-weight : 400 ;
	src: url("../fonts/materialize-icons.woff2") format('woff2');
}
.material-icons{
	font-family : 'Material Icons'; font-weight : normal; font-style : normal;
	font-size : 24px; line-height: 1; letter-spacing : normal;
	text-transform : none; display : inline-block; white-space : nowrap;
	word-wrap : normal; direction : ltr; -webkit-font-feature-settings : 'liga';
	-webkit-font-smoothing : antialiased;
}


		.logo{display: inline-block; position: relative; width: 3.5em; height: 3.5em; }
		.cir{
	   		display: flex; width: 100%; height: 100%; left: 0; top: 0;
	   		position: absolute; line-height: 100%; align-items: center; justify-content: center;
		}
		   	.cir .cir-circle{
		      	position: absolute; background-color: transparent;
		      	border-radius: 50%; border-style: solid;
		      	border-color: rgb(126,189,233) transparent rgb(126,189,233) transparent;
		   	}
		   	.cir .cir-circle.cir-circle-outer{
		      	width: 100%; height: 100%; border-width: 0.1em;
		      	filter: alpha(opacity=50);
		      	animation: spinner-rotate-outer 6s 0s ease-in-out infinite;
		   	}
		   	.cir .cir-circle.cir-circle-single-1{
		   	   	width: calc(100% - 0.2em); height: calc(100% - 0.2em); border-width: 0.1em;
		      	opacity: 0.9; filter: alpha(opacity=30);
		      	animation: spinner-rotate-single-1 15s 0s ease-in-out infinite;
		      	border-color: transparent transparent transparent rgb(66,129,173);
		   	}
	   		.cir .cir-circle.cir-circle-single-2{
              	width: calc(100% - 0.4em); height: calc(100% - 0.4em); border-width: 0.1em;
              	filter: alpha(opacity=30);
              	animation: spinner-rotate-single-2 21s 0s ease-in-out infinite;
	      		border-color: rgb(49,89,115) transparent transparent transparent;
           	}
						@keyframes spinner-rotate-outer{
						   	0%{transform: rotateZ(0deg);} 100%{transform: rotateZ(360deg);}
						}
						@keyframes spinner-rotate-inner{
					        0%{transform: rotateZ(30deg);} 100%{transform: rotateZ(390deg);}
					    }
						@keyframes spinner-rotate-single-1{
						   	0%{transform: rotateZ(56deg);} 20%{transform: rotateZ(-132deg);}
						   	40%{transform: rotateZ(-250deg);} 60%{transform: rotateZ(40deg);}
						   	70%{transform: rotateZ(-80deg);} 100%{transform: rotateZ(56deg);}
						}
						@keyframes spinner-rotate-single-2{
					        0%{transform: rotateZ(-24deg);} 10%{transform: rotateZ(142deg);}
					        20%{transform: rotateZ(-87deg);} 30%{transform: rotateZ(-345deg);}
					        40%{transform: rotateZ(86deg);} 50%{transform: rotateZ(175deg);}
						   	60%{transform: rotateZ(-245deg);} 70%{transform: rotateZ(4deg);}
					        80%{transform: rotateZ(-132deg);} 90%{transform: rotateZ(345deg);}
					        100%{transform: rotateZ(-24deg);}
					    }
		.logo > span{
			display: block; position: absolute; width: 0.4em; height: 0.4em; background: rgba(46,89,115);
			border-radius: 50%;
		}
			.logo > span:nth-child(1){
				left: 50%; transform: translateX(-50%); top: 0.6em;
			}
			.logo > span:nth-child(2){
				top: 1.1em; left: 43%; transform: translateX(-50%);
			}
			.logo > span:nth-child(3){
				top: 1.1em; right: 43%; transform: translateX(50%);
			}
			.logo > span:nth-child(4){
				top: 1.6em; left: 36%; transform: translateX(-50%); background: rgb(66,129,173);
			}
			.logo > span:nth-child(5){
				top: 1.6em; right: 36%; transform: translateX(50%); background: rgb(66,129,173);
			}
			.logo > span:nth-child(6){
				top: 2.1em; left: 29%; transform: translateX(-50%);
			}
			.logo > span:nth-child(7){
				top: 2.1em; right: 29%; transform: translateX(50%);
			}
			.logo > span:nth-child(8){
				left: 50%; transform: translateX(-50%); top: 1.6em; background: rgb(126,189,233);
			}

	.brand-logo{display: flex !important; align-items: center !important; left: 0 !important; height: 100%;}






.showcase{
	display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center;
	min-height: 500px; background-position: center; background-size: cover; background-repeat: no-repeat;
}













.sidenav-trigger{
	display: block !important; float: unset !important;
	height: unset !important; margin: unset !important;
}



.nav-transparent{background: transparent!important;}

*{overflow-wrap: break-word;}
body{
    display: flex; min-height: 100vh; flex-direction: column;
    overflow-y: scroll; overflow-x: hidden; font-family: Roboto,arial,sans-serif;;
}
  	footer{margin-top: auto;}


.rounded-5{border-radius: .5em !important;}
.rounded-1{border-radius: 1em !important;}
.rounded-15{border-radius: 1.5em !important;}
.rounded-2{border-radius: 2em !important;}

.btn.btn-flat:hover, .btn-large.btn-flat:hover, .btn-small.btn-flat:hover {
	background-color: transparent !important;
}


.shadow-5{box-shadow: 0 0 .5em rgba(0,0,0,.5) !important;}
.shadow-1{box-shadow: 0 0 1em rgba(0,0,0,.5) !important;}


.pad-05{padding: 0.5em;}
.pad-lr-05{padding-left: 0.5em;padding-right: 0.5em;}
.pad-tb-05{padding-top: 0.5em;padding-bottom: 0.5em;}
.pad-t-05{padding-top: 0.5em;}
.pad-r-05{padding-right: 0.5em;}
.pad-b-05{padding-bottom: 0.5em;}
.pad-l-05{padding-left: 0.5em;}

.pad-1{padding: 1em;}
.pad-lr-1{padding-left: 1em;padding-right: 1em;}
.pad-tb-1{padding-top: 1em;padding-bottom: 1em;}
.pad-t-1{padding-top: 1em;}
.pad-r-1{padding-right: 1em;}
.pad-b-1{padding-bottom: 1em;}
.pad-l-1{padding-left: 1em;}

.pad-2{padding: 2em;}
.pad-lr-2{padding-left: 2em;padding-right: 2em;}
.pad-tb-2{padding-top: 2em;padding-bottom: 2em;}
.pad-t-2{padding-top: 2em;}
.pad-r-2{padding-right: 2em;}
.pad-b-2{padding-bottom: 2em;}
.pad-l-2{padding-left: 2em;}


.mar-1{margin: 1em !important;}
.mar-lr-1{margin-left: 1em !important; margin-right: 1em !important;}
.mar-tb-1{margin-top: 1em !important; margin-bottom: 1em !important;}
.mar-t-1{margin-top: 1em !important;}
.mar-r-1{margin-right: 1em !important;}
.mar-b-1{margin-bottom: 1em !important;}
.mar-l-1{margin-left: 1em !important;}

.mar-2{margin: 2em !important;}
.mar-lr-2{margin-left: 2em !important; margin-right: 2em !important;}
.mar-tb-2{margin-top: 2em !important; margin-bottom: 2em !important;}
.mar-t-2{margin-top: 2em !important;}
.mar-r-2{margin-right: 2em !important;}
.mar-b-2{margin-bottom: 2em !important;}
.mar-l-2{margin-left: 2em !important;}

.mar-3{margin: 3em !important;}
.mar-lr-3{margin-left: 3em !important; margin-right: 3em !important;}
.mar-tb-3{margin-top: 3em !important; margin-bottom: 3em !important;}
.mar-t-3{margin-top: 3em !important;}
.mar-r-3{margin-right: 3em !important;}
.mar-b-3{margin-bottom: 3em !important;}
.mar-l-3{margin-left: 3em !important;}


.mar-4{margin: 4em !important;}
.mar-lr-4{margin-left: 4em !important; margin-right: 4em !important;}
.mar-tb-4{margin-top: 4em !important; margin-bottom: 4em !important;}
.mar-t-4{margin-top: 4em !important;}
.mar-r-4{margin-right: 4em !important;}
.mar-b-4{margin-bottom: 4em !important;}
.mar-l-4{margin-left: 4em !important;}


.mar-5{margin: 5em !important;}
.mar-lr-5{margin-left: 5em !important; margin-right: 5em !important;}
.mar-tb-5{margin-top: 5em !important; margin-bottom: 5em !important;}
.mar-t-5{margin-top: 5em !important;}
.mar-r-5{margin-right: 5em !important;}
.mar-b-5{margin-bottom: 5em !important;}
.mar-l-5{margin-left: 5em !important;}

.progress.danger .indeterminate{background-color: #F44336 !important;}
.progress{
	display: none !important; height: 7px !important; background-color: rgba(128,128,128,.25) !important;
}
.progress.overlayer{
	display: none!important; background-color: rgba(255,255,255,0.75)!important; position: absolute!important;
    left: 0; right: 0; top: 0; bottom: 0;
    height: 100%!important; align-items: center; justify-content: center;
    margin: 0 !important; z-index: 10;
}
.progress.spinner{
	display: none !important; min-height: 100px; background-color: transparent !important;
    align-items: center; justify-content: center; margin: 1rem 0 0 0 !important;
}
.progress.spinner.display{display: flex !important;}
.progress.overlayer.loading{display: flex !important;}
.spinner-layer {border-color: #6200ee !important;}
.progress.display{display: block !important;}
.progress .indeterminate{background-color: #6200ee !important;}

ul.stepper .step:not(:last-of-type).active{padding-bottom: 0 !important;}
ul.stepper .step .step-title {padding: 15.5px 44px 15.5px 64px !important;}

.contenedor-tabla{overflow-x: auto;scrollbar-width: none;}
	.contenedor-tabla:-webkit-scrollbar{display: none;}


		.pagination li.active{
			background: #6200ee!important; color: rgba(255,255,255,1)!important;
			pointer-events: none;
		}


label > span:not(.lever){height: auto !important;}

.o-hidden{overflow: hidden;}
.image-upload-box{
  	display: block; position: relative; width: 10em;
  	height: 10em; margin: 1em auto; border-radius: 50%;
  	border: .15em dotted rgba(128,128,128,.5);
}
.image-upload-box.upload-firma{
	width: 25em; height: 25em; border-radius: 0;
}
  .image-upload-box input[type="file"]{
    display: block; position: absolute; top: 0;
    right: 0; bottom: 0; left: 0;
    max-width: 100%; overflow: hidden; opacity: 0;
  }
  	.image-upload-box #img_preview{
	    display: block; position: absolute; top: 0;
	    right: 0; bottom: 0; left: 0;
	    border-radius: 50%; background-position: center; background-size: cover;
  	}
  	.image-upload-box #img_preview_firma{
	    display: block; position: absolute; top: 0;
	    right: 0; bottom: 0; left: 0;
	    background-position: center; background-size: contain; background-repeat: no-repeat;
  	}
  	.image-upload-box #send-image-label{
	    display: flex; flex-direction: column; align-items: center;
	    justify-content: center; position: absolute; top: 0;
	    right: 0; bottom: 0; left: 0;
	    color: rgba(75,75,75,1);
  	}
  	.image-upload-box #send-firma-label{
	    display: flex; flex-direction: column; align-items: center;
	    justify-content: center; position: absolute; top: 0;
	    right: 0; bottom: 0; left: 0;
	    color: rgba(75,75,75,1);
  	}
    .image-upload-box #send-image-label.remove{display: none;}
    .image-upload-box #send-firma-label.remove{display: none;}
    .image-upload-box label i{
	    display: block; position: relative; font-size: 4em;
    }
  	.image-upload-box .remove-pic{
	    display: none; position: absolute; bottom: 0;
	    right: 0; background: var(--BACK-MAIN); color: var(--TEXT-MAIN);
	    box-shadow: 0 0 .5em rgba(0,0,0,.5); width: 2em; height: 2em;
	    border-radius: 50%; cursor: pointer; transition: all .3s ease;
  	}
    .image-upload-box .remove-pic.display{display: block;}
    .image-upload-box span i{
	    font-size: 1.5em; display: block; position: absolute;
	    top: 50%; left: 50%; transform: translate(-50%, -50%);
    }


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


.icon_jump{
	transform-origin: 50% 50% !important; animation: icon_jump alternate infinite 1.75s !important;
	color: #6200ee !important; text-shadow: 0 0 .5em #6200ee !important;
}

@keyframes icon_jump{
	0%{transform: translate3d(0,0,0) scale3d(1,1,1);}
	40%{transform: translate3d(0,-6%,0) scale3d(.85,1.25,1);}
	100%{transform: translate3d(0,-30%,0) scale3d(1.25,.85,1);}
}



input:not([type]), input[type=text]:not(.browser-default), 
input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), 
input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), 
input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), 
input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), 
input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), 
textarea.materialize-textarea {
	/*border-bottom: 1px solid rgba(19,102,242,1) !important;*/
}


input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), 
input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), 
input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), 
input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), 
input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), 
input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), 
textarea.materialize-textarea:focus:not([readonly]) {
    /*border-bottom: 1px solid rgba(19,102,242,1) !important;
    -webkit-box-shadow: 0 1px 0 0 rgba(19,102,242,1) !important;
    box-shadow: 0 1px 0 0 rgba(19,102,242,1) !important;*/
}

.dropDownsearch{
	border-bottom: 1px solid rgba(128,128,128,0.5) !important;
}
.dropDownsearch:focus{
	border-bottom: 1px solid #6200ee !important;
}



.row-no-margin{margin-bottom: 0 !important;}
.no-margin{margin: 0 !important;}
.no-border{border: none !important;}
.no-shadow{box-shadow: none !important; text-shadow: none !important;}


.modal.modal-wide{width: 95%!important; top: 2.5%!important;}
.modal.modal-small{max-width: 450px !important;}
.modal.modal-large{width: 95% !important; max-width: 1280px !important; top: 2.5% !important;}
.modal:not(.bottom-sheet){
	max-height: 90% !important;max-width: 700px;background-color: white !important;
	border-radius: 6px !important;
}
.modal.bottom-sheet:not(.modal-documento){
	max-height: 90% !important;
}
.modal-content > .modal-contenido{padding-top: 1em;}
.modal-content > h5{
	font-size: 1.5em; margin: 0 0 1rem 0; font-weight: 400;
}
.modal-content > h5 > i{
	line-height: 36px; padding: 0; margin: 0;
    display: inline-block; float: left; font-size: 1.25em;
    color: rgba(150,150,150,1);
}
h4.modal-title{
	font-size: 1.75em; margin-bottom: 1em;
}


[type="checkbox"]:checked+span:not(.lever):before {
    border-right: 2px solid #6200ee !important;
    border-bottom: 2px solid #6200ee !important;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
    border: 2px solid #6200ee !important;
    background-color: #6200ee !important;
}
[type="checkbox"].filled-in:checked+span:not(.lever):before {
    border-right: 3px solid white !important;
    border-bottom: 3px solid white !important;
}

.circle-clipper {
    border-bottom-color: rgba(255, 152, 0, 1) !important;
}










.demo-window{
	display: block; position: relative; width: 100%;
	padding-bottom: 56.25%; box-shadow: 0 0 1em rgba(80,80,80,.85); background: rgba(255,255,255,1);
	margin: 1em 0;
}
.demo-window-browser{
	display: block; position: absolute; top: 0;
	right: 0; bottom: 0; left: 0;
	overflow: hidden;
}
							.demo-window-ghost-content{
								display: block; height: 1em; width: 90%;
								background: rgba(128,128,128,.25); margin: .4em auto;
							}
	.demo-window-header{
		display: flex; height: 1.5em; align-items: center;
		justify-content: flex-end; border-bottom: 1px solid rgba(128,128,128,.5);
	}
		.demo-window-header span{
			position: relative; height: 1.5em; width: 2em;
			margin: 0  0 0 .25em;
		}
							.demo-window-header span:last-child{background: rgba(255,50,50,1);}
								.demo-window-header span:last-child i{color: rgba(255,255,255,1);}
			.demo-window-header span i{
				display: block; position: absolute; top: 50%;
				left: 50%; transform: translate(-50%, -50%); font-size: .8em;
			}

	/*OBJETOS*/
	.demo-window-sidenav{
		display: block; position: absolute; height: calc(100% - 1.5em);
		width: 20%; box-shadow: 0 0 .25rem rgba(128,128,128,.5); background: rgba(255,255,255,1);
		z-index: 2; bottom: 0; left: 0;
		overflow: hidden;
	}
				.demo-window-sidenav:hover{box-shadow: inset 0 0 1px 1px rgba(0,0,0,1);}
						.demo-window-sidenav-back{
							z-index: 2; display: block; position: absolute;
							background: rgba(0,0,0,.5); height: calc(100% - 1.5em); right: 0;
							bottom: 0; left: 0;
						}
		.demo-window-sidenav span{
			display: flex; position: relative; align-items: center;
			width: 100%; color: white; background: #ff9800;
			text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
			font-size: .6em;
		}




	.demo-window-nav{
		display: flex; align-items: center; justify-content: space-between;
		height: 1.6em; padding: 0 .5em; border-bottom: .1rem solid rgba(180,180,180,.5);
	}
		.demo-window-nav-logo span{
			display: flex; align-items: center; font-size: .85em;
			height: 1.6rem;
		}
					.demo-window-nav-logo span:hover{
						box-shadow: 0 0 1px 1px rgba(0,0,0,1); opacity: .5;
					}
		.demo-window-nav-icons{
			display: flex; align-items: center; font-size: .7em;
		}
		.demo-window-nav-icons i{margin: 0 .1rem;}
		.demo-window-nav-icons span{
			display: flex; align-items: center; padding: 0 .25rem;
			height: 1.6rem;
		}
					.demo-window-nav-icons span:hover{
						box-shadow: 0 0 1px 1px rgba(0,0,0,1); opacity: .5;
					}
								.demo-window-nav-icons span:last-child{
									color: white; background: #ff9800;
								}

	.demo-window-page{
		display: grid; position: relative; width: 100%;
		height: calc(100% - 7em); padding: .5em 1em; margin: 1em 0;
		grid-template-columns: 3fr 8fr; grid-gap: 1em; font-size: .6em;
		overflow: hidden;
	}
		.demo-window-page-fast-panel{
			display: flex; flex-direction: column; overflow: hidden;
			grid-gap: .5rem;
		}
			.demo-windows-page-acceso-rapido{
				display: block; position: relative; border: 1px dotted rgba(128,128,128,.5);
				overflow: hidden;
			}
								.demo-windows-page-acceso-rapido:hover{
									opacity: .5; box-shadow: inset 0 0 1px 1px rgba(0,0,0,1);
								}
				.demo-windows-page-acceso-rapido span{
					background: #ff9800; display: block; position: relative;
					padding: .5em; color: white; width: 100%;
					overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
				}


		.demo-windows-page-contenido{
			display: block; position: relative; min-height: 90%; 
			width: 100%; border: 1px dotted rgba(128,128,128,.5);
		}
		.demo-windows-page-contenido span{
			font-size: 1.5rem; display: block; position: absolute;
			top: 50%; left: 50%; transform: translate(-50%, -50%);
			color: rgba(128,128,128,.5);
		}
							.demo-windows-page-contenido:hover{
								opacity: .5; box-shadow: inset 0 0 1px 1px rgba(0,0,0,1);
							}


/*EXPERIMENTAL*/
.collection-item.avatar img{top: 50% !important; transform: translateY(-50%) !important;}



.collection-item-small{
	padding: 5px 10px !important; font-size: .95rem !important; line-height: 1.2rem !important;
}


.chip{max-width: 100%;}



.datepicker-date-display, .datepicker-table td.is-selected{background-color: #6200ee !important;}
.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done{color: #6200ee !important;}
.datepicker-table td.is-today{
	color: #6200ee !important; border: 1px solid grey;
}
.datepicker-table td.is-selected{color: #fff !important;}


.btn-tiny{
	padding: 0 8px !important; height: 30px !important; line-height: 30px !important;
	font-size: 12px !important;
}
	.btn-tiny i.left{margin-right: 8px;}
	.btn-tiny i.right{margin-left: 8px;}


.ventana-emergente{
	display: block; position: fixed; top: 0;
	right: 0; bottom: 0; left: 0;
	background: rgba(0,0,0,.5); z-index: 10000; pointer-events: none;
	opacity: 0; transition: all .5s;
}
			.ventana-emergente.mostrar{
				pointer-events: all; opacity: 1;
			}
	.ventana-emergente .ventana-emergente-contenido{
		display: block; position: absolute; width: 90%; 
		height: 90%; background: #fafafa; border-radius: 2px;
		top: -20%; left: 50%; transform: translateX(-50%);
		box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14); overflow-y: scroll; max-width: 1000px;
    	transition: all .5s;
	}
				.ventana-emergente.mostrar .ventana-emergente-contenido{top: 5%;}
	.ventana-emergente-contenido::-webkit-scrollbar{display: none;}



.btn-close{
	position: absolute !important;top: 0 !important;right: 0 !important;
}

.whatsapp{background: rgb(37,211,102) !important;}
.neo-blue{background-color: #6200ee !important;}
.neo-blue-text{color: #6200ee !important;}
.neo-blue > .waves-ripple{background: rgba(255,255,255,0.35) !important;}


.calendario{}
	.calendario-head{
		display: flex; position: relative; padding: .5em;
		justify-content: space-between; align-items: center;
	}
		.calendario-head i{
			font-size: 3em; cursor: pointer;
		}
		.calendario-head span{
			font-size: 1.75em;
		}
	.calendario-nombres-dia{
		display: grid; position: relative; grid-template-columns: repeat(7, 1fr);
		grid-gap: .5em; padding: .5em;
	}
		.calendario-nombres-dia span{
			display: block; position: relative; text-align: center;
			overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
			font-weight: 500; text-transform: uppercase;
		}
	.calendario-calendario{
		display: grid; position: relative; grid-template-columns: repeat(7, 1fr);
		grid-gap: .5em; padding: .5em;
	}
		.calendario-day{
			display: flex !important; align-items: center; justify-content: center;
			flex-direction: column; position: relative; width: 100%;
			height: 4.5em; overflow: hidden;
		}
					.calendario-day.seleccionado{pointer-events: none;}
								.calendario-day.seleccionado span{
									color: #6200ee; font-weight: 500;
								}
					.calendario-day.hoy{
						/*border-bottom: 3px solid rgba(0,0,0,.5);*/
					}
						.calendario-day.hoy span:before{
							content: "HOY"; display: block; position: absolute;
							font-size: .5em; font-weight: 900; top: .25em;
							left: 50%; transform: translateX(-50%);
						}
			.calendario-day span{
				font-size: 1.75em; font-weight: 400; color: rgba(0,0,0,0.3);
				line-height: 1;
			}

			.calendario-day div i{font-size: 1rem !important;}
			.calendario-day > div{
				display: flex; position: absolute; bottom: .25em;
			}
				.calendario-day > div > p{
					font-size: .85rem; align-items: center; display: flex;
					margin: 0 .1em;
				}
	.calendario-actividades{
		display: flex; flex-direction: column; width: 100%;
		padding: 1em;
	}

.select-dropdown.dropdown-content li.selected {
	background-color: rgba(0,0,0,0.05) !important;
}
.dropdown-content li {
    display: flex; align-items: center; font-weight: 600; color: rgba(0,0,0,0.7);
}
.dropdown-content li>a{
	width: 100%; color: rgba(0,0,0,0.7) !important; font-weight: 500;
}
.dropdown-content li>span{
	color: rgba(0,0,0,0.7) !important; font-size: 14px !important; line-height: 15px !important;
    padding: 15px 5px !important;
}
.dropdown-content li.selected>span, .dropdown-content li.selected>a{
	color: #6200ee !important;
}
.dropdown-content li:not(.divider); {min-height: 15px !important; padding: 3px 5px;}
.select-dropdown li img {
	background: rgba(0,0,0,0.11) !important; height: 40px !important; width: 40px !important;
    margin: 5px !important; float: left !important; border-radius: 50% !important;
}
ul.stepper .step.active::before, ul.stepper .step.done::before {
    background-color: #6200ee !important;
}
ul.stepper .step.wrong::before {
    background-color: red !important;
}


.iframe-container{
	overflow: hidden; display: block; position: relative;
	width: 150px; height: 200px; background: rgba(255,255,255,.5);
	box-shadow: 0 0 0.75rem rgba(0,0,0,.2); margin: 1rem auto;
}
	.iframe-container iframe{
		border: 0; height: 100%; left: 0;
		position: absolute; top: 0; width: 100%;
	}



nav{box-shadow: none !important;}
li.nav-img-container{height: 100%; cursor: pointer;}
li.nav-img-container:hover{background:rgba(0,0,0,0.1);}
li.nav-img-container a{padding: 0 10px;}

.sidenav .user-view .background{
    top: -10px !important; right: -10px !important; bottom: 0 !important; left: -10px !important;
}

.no-click{pointer-events: none !important;}
.nav-img{
	width: 40px; height: 40px; display: block;
    border-radius: 50%; float: left; top: 12px;
    position: relative; background: rgba(200,200,200,0.5);
}
.dropdown-content{box-shadow: 0 0 1rem rgba(0,0,0,0.25) !important;}
.dropdown-content.select-dropdown{max-height: 350px !important; border-radius: 4px;}
	.dropdown-content.select-dropdown div:nth-child(1){
		position: sticky !important; top: 0 !important; background: white !important;
	}

/*BOTON DE CARGA*/
		@keyframes spinner-border{
			100%{-webkit-transform: rotate(1turn); transform: rotate(1turn);}
		}
.btn-spinner:before{
	content: ""; display: none; width: 1.25rem;
    height: 1.25rem; vertical-align: text-bottom; border: .2em solid;
    border-right: .2em solid transparent; border-bottom: .2em solid transparent;
    border-radius: 50%; margin-right: 15px;
    animation: spinner-border .75s linear infinite;
}
			.btn-small.btn-spinner:before, .btn-tiny.btn-spinner:before{
				width: 1rem; height: 1rem; margin-right: 5px;
			}
			.btn-large.btn-spinner:before{
				width: 1.5rem; height: 1.5rem;
			}
	.loading.btn-spinner:before{display: inline-block;}
	.btn-spinner i{
		float: left; margin-right: 15px;
	}
	.btn-small.btn-spinner i, .btn-tiny.btn-spinner i{margin-right: 5px;}

.btn-spinner.loading{
	pointer-events: none; opacity: 0.75;
}
.btn-spinner.loading span{display: inline-block;}
.btn-spinner.loading i{display: none;}
/*SIDENAV*/
.sidenav li>a {
    font-weight: 300 !important; font-size: 1.2em !important; overflow: hidden;
    white-space: nowrap; text-overflow: ellipsis;
}
.sidenav li>a>i, .sidenav li>a>[class^="mdi-"], .sidenav li>a li>a>[class*="mdi-"], .sidenav li>a>i.material-icons {
    margin: 0 10px 0 0 !important; height: 40px !important; line-height: 40px !important;
}

/*INPUT FIELD ICON PREFIX*/
.input-field .prefix.active{color: #6200ee !important;}
/*INPUT FIELD SMALL*/
.input-field-small{
	margin-top: 0.5rem !important; margin-bottom: 1rem !important;
}
.input-field-small input:not([type]), 
.input-field-small input[type=text]:not(.browser-default),
.input-field-small input[type=password]:not(.browser-default), 
.input-field-small input[type=email]:not(.browser-default), 
.input-field-small input[type=url]:not(.browser-default), 
.input-field-small input[type=time]:not(.browser-default), 
.input-field-small input[type=date]:not(.browser-default), 
.input-field-small input[type=datetime]:not(.browser-default), 
.input-field-small input[type=datetime-local]:not(.browser-default), 
.input-field-small input[type=tel]:not(.browser-default), 
.input-field-small input[type=number]:not(.browser-default), 
.input-field-small input[type=search]:not(.browser-default), 
.input-field-small textarea.materialize-textarea {
    margin: 0 0 5px 0 !important; height: 2rem !important; font-size: 15px !important;
}

/*SELECT*/
.select-dropdown li.optgroup {pointer-events:none !important;}
	.select-dropdown li.optgroup>span {
	    color: rgba(0,0,0,0.3) !important; padding: 5px !important;
	}
/*DATE PICKER*/
.datepicker-date-display .date-text {font-size: 1.5rem !important;}
/*RESALTADO*/
.resaltado{
	padding: 0.25em 0.5em !important; border-radius: 0.75em !important; background: #e0e0e0 !important;
}
form{margin: 0; position: relative;}



.input-field{
	padding-left: 0.75em; padding-right: 0.75em;
}
.input-field .prefix ~ input, .input-field .prefix ~ textarea/*, .input-field .prefix ~ label*/, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ .helper-text, .input-field .prefix ~ .autocomplete-content {
    margin-left: 0 !important; padding: 1.1rem 1rem 1.1rem 3rem !important;
}

.input-field > input{
	border-radius: 4px !important; box-shadow: 0 0 0px 1px rgba(128,128,128,0.25) !important;
	padding: 1.1rem 1rem !important; transition: all 0.3s;
	box-sizing: border-box !important; width: 100% !important;
	height: unset !important; border: none!important;
}
.input-field > textarea{
	border-radius: 4px !important; box-shadow: 0 0 0px 1px rgba(128,128,128,0.25) !important;
	padding: 1.1rem 1rem !important; transition: all 0.3s;
	box-sizing: border-box !important; width: 100% !important;
	border: none!important; min-height: 6em !important; 
	overflow-y: auto !important; max-height: 12em !important;
}
.input-field input:not(.dropDownsearch):focus, .input-field textarea:focus{
	box-shadow: 0 0 0px 2px #6200ee !important;
}
input:not([type])+label:after, input[type=text]:not(.browser-default)+label:after, input[type=password]:not(.browser-default)+label:after, input[type=email]:not(.browser-default)+label:after, input[type=url]:not(.browser-default)+label:after, input[type=time]:not(.browser-default)+label:after, input[type=date]:not(.browser-default)+label:after, input[type=datetime]:not(.browser-default)+label:after, input[type=datetime-local]:not(.browser-default)+label:after, input[type=tel]:not(.browser-default)+label:after, input[type=number]:not(.browser-default)+label:after, input[type=search]:not(.browser-default)+label:after, textarea.materialize-textarea+label:after, .select-wrapper+label:after {
    display: none !important;
}

.input-field input ~ label, .input-field textarea ~ label {
    left: 1.75rem !important; padding: 0 2px; font-size: 1.1rem !important;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    max-width: 80%;
}
.input-field .prefix {
	left: 0.75em !important; top: 42% !important; font-size: 1.75em !important;
    width: unset !important; transform: translateY(-50%) !important;
}
.input-field>label:not(.label-icon).active {
    transform: translate(-5px, -10px) scale(0.9) !important; background: white;
}
.input-field .prefix ~ label {
    width: unset !important; margin-left: 1.75em !important;
}
.input-field .prefix ~ label.active {
    transform: translate(-30px, -10px) scale(0.9) !important;
}

.input-field input:focus ~ label, .input-field textarea:focus ~ label{
	color: #6200ee !important;
}
.select-wrapper input.select-dropdown {
	border-radius: 4px !important; box-shadow: 0 0 0px 1px rgba(128,128,128,0.25) !important;
    padding: 0.25rem 1.5rem 0.25rem 1rem !important; box-sizing: border-box !important;
    width: 100% !important; height: unset !important; border: none!important;
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
input-field>input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label, .input-field>input[type=date]:not(.browser-default)+label, .input-field>input[type=time]:not(.browser-default)+label {
    margin: 0 !important;
    transform: translate(-5px, -10px) scale(0.9) !important; background: white;
}

.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #6200ee !important;
}
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
    background-color: rgba(98,0,238,0.15) !important;
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: rgba(98,0,238,0.25) !important;
}
.switch label {
    font-size: 1rem !important;
}



.text-uppercase{text-transform: uppercase !important;}
.text-lowercase{text-transform: lowercase !important;}
.text-capitalize{text-transform: capitalize !important;}

.tabs{scrollbar-width: none;}
.tabs::-webkit-scrollbar{display: none; width: 0; height: 0;}
.tabs .indicator {background-color: #6200ee !important;}
.tabs .tab a {color: rgba(128,128,128,0.7) !important;}
.tabs .tab a.active {color: #6200ee !important;}

.f-07{font-size: 0.7em !important;}
.f-08{font-size: 0.8em !important;}
.f-09{font-size: 0.9em !important;}
.f-1{font-size: 1em !important;}
.f-11{font-size: 1.1em !important;}
.f-12{font-size: 1.2em !important;}
.f-13{font-size: 1.3em !important;}
.f-14{font-size: 1.4em !important;}
.f-15{font-size: 1.5em !important;}

nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons {
    /* display: block; */
    font-size: 24px;
    height: 56px;
    line-height: 56px;
}

input.invalid:not([type]), input.invalid:not([type]):focus, input.invalid[type=text]:not(.browser-default), input.invalid[type=text]:not(.browser-default):focus, input.invalid[type=password]:not(.browser-default), input.invalid[type=password]:not(.browser-default):focus, input.invalid[type=email]:not(.browser-default), input.invalid[type=email]:not(.browser-default):focus, input.invalid[type=url]:not(.browser-default), input.invalid[type=url]:not(.browser-default):focus, input.invalid[type=time]:not(.browser-default), input.invalid[type=time]:not(.browser-default):focus, input.invalid[type=date]:not(.browser-default), input.invalid[type=date]:not(.browser-default):focus, input.invalid[type=datetime]:not(.browser-default), input.invalid[type=datetime]:not(.browser-default):focus, input.invalid[type=datetime-local]:not(.browser-default), input.invalid[type=datetime-local]:not(.browser-default):focus, input.invalid[type=tel]:not(.browser-default), input.invalid[type=tel]:not(.browser-default):focus, input.invalid[type=number]:not(.browser-default), input.invalid[type=number]:not(.browser-default):focus, input.invalid[type=search]:not(.browser-default), input.invalid[type=search]:not(.browser-default):focus, textarea.materialize-textarea.invalid, textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid>input.select-dropdown, .select-wrapper.invalid>input.select-dropdown:focus {
	box-shadow: 0 0 0 2px #F44336 !important;
}

input:not([type]):focus.invalid ~ label, input[type=text]:not(.browser-default):focus.invalid ~ label, input[type=password]:not(.browser-default):focus.invalid ~ label, input[type=email]:not(.browser-default):focus.invalid ~ label, input[type=url]:not(.browser-default):focus.invalid ~ label, input[type=time]:not(.browser-default):focus.invalid ~ label, input[type=date]:not(.browser-default):focus.invalid ~ label, input[type=datetime]:not(.browser-default):focus.invalid ~ label, input[type=datetime-local]:not(.browser-default):focus.invalid ~ label, input[type=tel]:not(.browser-default):focus.invalid ~ label, input[type=number]:not(.browser-default):focus.invalid ~ label, input[type=search]:not(.browser-default):focus.invalid ~ label, textarea.materialize-textarea:focus.invalid ~ label {
    color: #F44336 !important;
}

.input-field.inline{
	display: inline-block; margin: 0;
}
	.input-field.inline input{
		padding: 5px !important; margin: 0 !important;
	}


.bold{font-weight: bold;}

.btn img{display: inline-block; height: 1.5rem; top: 20%;}
.btn.btn-tiny img{display: inline-block; height: 1.25rem; top: 15%;}
.btn img.left{float: left;margin-right: 10px;}
.btn img.right{float: right;margin-left: 10px;}

.admin-user-options{
	display: flex !important; position: absolute !important; top: 0; right: 0; 
	align-items: center; justify-content: center; border-radius: 50%;
	width: 2.25em; height: 2.25em; 
}
.admin-user-options > i{font-size: 2em;}
.admin-user-menu-options{
	top: 2em !important; right: 0!important; width: 120px !important; 
	padding: 0 !important; box-shadow: 0 2px 2px 0 rgb(0, 0, 0, 0.14), 0 3px 1px -2px rgb(0, 0, 0, 0.12), 0 1px 5px 0 rgb(0, 0, 0, 0.2) !important;
}
.admin-user-menu-options > a {line-height: 18px !important; font-size: 16px; padding: 0.5em !important; color: rgba(50,50,50,0.9) !important;}
.admin-user-menu-options > a > i{margin: 0 !important; font-size: 1.25em;}
.overflow-visible{overflow: visible !important;}
.container {max-width: 1000px !important;}

.modal-contenido{position: relative;}
.relative{position: relative;}
@media screen and (max-width: 600px){
		.calendario-calendario{
			grid-gap: .15em; padding: .15em;
		}
		.calendario-nombres-dia{padding: .15em;}
			.calendario-day div i{font-size: .5rem !important;}
		.nav-img{top: 8px;}
		.modal{}
		.admin-user-menu-options > a {line-height: 17px !important; font-size: 15px;}
}