html, body {
	position: relative;
	height: 100%;
}

/* MATERIALIZE */
.preloader-wrapper {
	box-sizing: border-box;
}
.spinner-layer {
	border-color: var(--mdc-theme-primary);
}
.toast {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	letter-spacing: .0125em;
}
.btn, .btn-large, .btn-small {
	letter-spacing: 1px;
	font-weight: 100;
	font-size: .875rem;
	font-family: Roboto, sans-serif;
	background-color: var(--mdc-theme-primary);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.btn:hover, .btn-large:hover, .btn-small:hover,
.btn:focus, .btn-large:focus, .btn-small:focus {
	background-color: var(--mdc-theme-secondary);
}
.btn i, .btn-large i, .btn-small i {
	margin-right: 8px;
}
.btn-small {
    height: 36px;
    line-height: 36px;
}
.rowFullwidth {
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}
nav {
	background-color: var(--mdc-theme-primary);
	/*background-color: rgba(255, 255, 255, 0.8);*/
	position: relative;
	z-index: 1;
	transition-duration: .5s;
	-webkit-transition-duration: .5s;
    -ms-transition-duration: .5s;
	/*color: rgba(0,0,0,0.87);*/
}
/*nav ul a {
	color: rgba(0,0,0,0.87);
}*/
nav.fixed {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
nav.fixed:not(.z-depth-1) {
	box-shadow: none;
}
nav .btn-small {
	height: 56px;
	line-height: 56px;
	padding: 0 16px;
	border-radius: 0;
	border: none;
	background: none;
	box-shadow: none;
}
nav .btn-small i {
	margin: 0;
}
nav .title {
	font-family: Roboto,sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: .0125em;
	margin-left: 8px;
}
.sidenav.sidenav-fixed {
	z-index: 1000;
}
/*forms*/
.input-field {
	margin-bottom: 0.5rem;
}
.input-field>label {
	color: rgba(0,0,0,.6);
}
.input-field>label.active {
	color: var(--mdc-theme-primary);
}
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 #e3e8ea;
}
.dropdown-content.select-dropdown {
	overflow-y: auto !important;
	backface-visibility: hidden !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-color: var(--mdc-theme-primary);
	box-shadow: none;
}
input:not([type]):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
	color: var(--mdc-theme-primary-gray);
}
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: none;
	border-bottom: 1px solid #F44336;
}
input.valid:not([type]), 
input.valid:not([type]):focus, 
input.valid[type="text"]:not(.browser-default), 
input.valid[type="text"]:not(.browser-default):focus, 
input.valid[type="password"]:not(.browser-default), 
input.valid[type="password"]:not(.browser-default):focus, 
input.valid[type="email"]:not(.browser-default), 
input.valid[type="email"]:not(.browser-default):focus, 
input.valid[type="url"]:not(.browser-default), 
input.valid[type="url"]:not(.browser-default):focus, 
input.valid[type="time"]:not(.browser-default), 
input.valid[type="time"]:not(.browser-default):focus, 
input.valid[type="date"]:not(.browser-default), 
input.valid[type="date"]:not(.browser-default):focus, 
input.valid[type="datetime"]:not(.browser-default), 
input.valid[type="datetime"]:not(.browser-default):focus, 
input.valid[type="datetime-local"]:not(.browser-default), 
input.valid[type="datetime-local"]:not(.browser-default):focus, 
input.valid[type="tel"]:not(.browser-default), 
input.valid[type="tel"]:not(.browser-default):focus, 
input.valid[type="number"]:not(.browser-default), 
input.valid[type="number"]:not(.browser-default):focus, 
input.valid[type="search"]:not(.browser-default), 
input.valid[type="search"]:not(.browser-default):focus, 
textarea.materialize-textarea.valid, 
textarea.materialize-textarea.valid:focus, 
.select-wrapper.valid > input.select-dropdown, 
.select-wrapper.valid > input.select-dropdown:focus {
	box-shadow: none;
}
.input-field .prefix.active {
	color: var(--mdc-theme-primary);
}
[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after {
	border: 2px solid var(--mdc-theme-primary-gray);
}
[type="checkbox"].filled-in.invalid:not(:checked)+span:not(.lever):after {
	border: 2px solid #F44336;
}
[type="checkbox"].filled-in:checked+span:not(.lever):after {
	border-color: var(--mdc-theme-primary);
	background-color: var(--mdc-theme-primary);
}
.onlyCheckbox [type="checkbox"]+span:not(.lever) {
	padding-left: 25px;
}
.checkboxRight [type="checkbox"] + span:not(.lever) {
	padding: 0 35px 0 0;
}
.checkboxRight [type="checkbox"].filled-in:not(:checked) + span:not(.lever):before, 
.checkboxRight [type="checkbox"].filled-in:checked + span:not(.lever):before {
	left: auto;
	right: 10px;
}
.checkboxRight [type="checkbox"].filled-in:not(:checked) + span:not(.lever):after,
.checkboxRight [type="checkbox"].filled-in:checked + span:not(.lever):after {
	left: auto;
	right: 0;
}
[type="radio"]:not(:checked)+span:before,
[type="radio"]:not(:checked)+span:after {
	border: 2px solid var(--mdc-theme-primary-gray);
}
[type="radio"].invalid:not(:checked)+span:before,
[type="radio"].invalid:not(:checked)+span:after {
	border: 2px solid #F44336;
}
[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:before,
[type="radio"].with-gap:checked+span:after {
	border: 2px solid var(--mdc-theme-primary);
}

[type="radio"]:checked+span:after,
[type="radio"].with-gap:checked+span:after {
	background-color: var(--mdc-theme-primary);
}
.onlyCheckbox.likeRadio [type="checkbox"] + span:not(.lever) {
	padding-left: 21px;
}
.select-wrapper .caret {
	z-index: 1;
	background-color: white;
}
.waves-effect.waves-green .waves-ripple {
	background-color: rgba(52, 181, 117, 0.7);
}
.datepicker-date-display {
	background-color: var(--mdc-theme-primary);
}
.datepicker-cancel, 
.datepicker-clear, 
.datepicker-today, 
.datepicker-done {
	color: var(--mdc-theme-primary);
}
.datepicker-table td.is-selected {
	background-color: var(--mdc-theme-primary);
}
.modal {
	border-radius: 4px;
	background: white;
	max-height: 80%;
}
.modal.modal-fixed-footer .modal-header {
	height: 70px;
}
.modal-header h6.modalTitleOptions {
	font-weight: bold;
	font-size: 1.25rem;
	color: rgba(0,0,0,0.87);
	padding: 24px 24px 23px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin: 0;
}
.modal-content h6.modalTitle {
	font-weight: bold;
	font-size: 1.25rem;
	color: rgba(0,0,0,0.87);
}
.modal-content .optionsCtn {
	padding-top: 18px;
}
.modal-content p {
	color: rgba(0,0,0,0.6);
}
.modal .modal-footer {
	background: white;
}
.modal-footer button.btn-flat {
	color: var(--mdc-theme-primary);
}
.modal.modal-fixed-footer .modal-footer button {
	color: white;
}
.modal.modal-fixed-footer .modal-content.modalOptionsCtn {
	height: -moz-calc(100% - 126px);
	height: -webkit-calc(100% - 126px);
	height: calc(100% - 126px);
	padding-bottom: 0;
}
.dialogTitle {
	margin-top: 0;
	color: rgba(0,0,0,0.87);
	font-weight: bold;
	font-size: 20px;
}
.dialogTitle.whitOptions {
	margin: 0 -24px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	padding: 0 24px 20px;
}
.modal-footer.whitOptions {
	border-top: solid 1px rgba(0,0,0,0.1);
}
.modalSmall {
	width: 34%;
}
.modalLarge {
	width: 90%;
	max-height: 80%;
}
.divider {
	background: rgba(96, 125, 139, 0.15);
}
.dropdown-content li > a, 
.dropdown-content li > span {
	color: var(--mdc-theme-primary);
}
.sidenav .collapsible-header, 
.sidenav.fixed .collapsible-header {
	padding: 0 32px;
}
.sidenav .collapsible-body li a, 
.sidenav.fixed .collapsible-body li a {
	padding: 0 44px;
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active, 
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
	background-color: var(--mdc-theme-primary);
}
.collection a.collection-item {
	color: var(--mdc-theme-primary);
}
.progress {
	background-color: var(--mdc-theme-third);
}
.progress .determinate {
	background-color: var(--mdc-theme-primary);
}
.tabs .tab a:hover, 
.tabs .tab a.active {
	color: var(--mdc-theme-primary);
}
.tabs .tab a:focus, 
.tabs .tab a:focus.active {
	background-color: rgba(62, 83, 167, 0.2);
}
.tabs .indicator {
	background-color: var(--mdc-theme-secondary);
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
	.modalSmall {
		width: 50%;
	}
}
@media only screen and (max-width: 600px) {  
	.modalSmall {
		width: 80%;
	}
}
/* END MATERIALIZE */

/* VARS */
:root {
	--mdc-theme-primary: #232f60;
	--mdc-theme-secondary: #3e53a7;
	--mdc-theme-third: #6c7ec6;

	--mdc-theme-primary-gray: #607d8b;
	/*--mdc-theme-secondary-gray: #818181;*/
}
/* END VARS */

.m0 {margin: 0 !important;}

.mt0 {margin-top: 0 !important;}
.mt4 {margin-top: 4px !important;}

.mr12 {margin-right: 12px !important;}
.mr6 {margin-right: 6px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb4 {margin-bottom: 4px !important;}
.mb8 {margin-bottom: 8px !important;}

.ml0 {margin-left: 0 !important;}

.p0 {padding: 0 !important;}

.pt16 {padding-top: 16px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb16 {padding-bottom: 16px !important;}

.pl0 {padding-left: 0 !important;}

.fullWidth {width: 100% !important;}
.fullHeight {height: 100%;}
.inlineBlock {display: inline-block !important;}
.loadingOverlay {
	position: fixed;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 999;
}
.bigContainer {
	margin: 0 auto;
	max-width: 1280px;
	width: 90%;
}
.overflow {overflow: hidden;}
.capitalize {text-transform: capitalize;}
.closeModalIcon {
	position: absolute;
	top: 6px;
	right: 6px;
	display: inline-block;
	width: 32px;
	height: 32px;
	border: none;
	background-color: white;
	border-radius: 50%;
	padding: 0;
	z-index: 999999;
}
.scrollCtn {overflow: auto;}
.bold {font-weight: bold;}
.pointer {cursor: pointer;}
.relative {position: relative;}
.absolute {position: absolute;}

.dropFilesBox {
	border-style: dashed;
	border-color: #E0E0E0;
	cursor: pointer;
	overflow: auto;
	max-height: 400px;
	min-height: 300px;
	background: #f8fafb;
	color: #E0E0E0;
}
.dropFilesBoxOver {
	border-color: #26ace0;
}
.dropFilesBox.invalid {
	border-color: #F44336;
}
.imgDiv {
	padding: 12px;
}
.imgPreview {
	position: relative;
	display: inline-block;
	margin: 0 6px 12px;
}
.imgDiv canvas,
.imgDiv img {
	max-height: 180px;
}
.deleteImg {
	background-color: red;
	border-radius: 50%;
	border: none;
	position: absolute;
	top: -10px;
	right: -10px;
	width: 20px;
	height: 20px;
	color: white;
	padding: 0;
	text-align: center;
	cursor: pointer;
}
.deleteImg i {
	font-size: 14px;
}

.adminActions a {
	color: black;
	margin: 0 4px;
}
.adminActions a.btn-floating i {
	color: black;
}
.adminActions a.btn-floating:hover,
.adminActions a.btn-floating i:hover {
	background-color: transparent !important;
}

#scheduleCtn .btn-large {
	padding: 0 14px;
	width: 100%;
}

#catalogCtn .container .row {
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}

#chainsCtn [type="checkbox"]+span:not(.lever) {
	line-height: 16px;
	padding-left: 28px;
}

#evidenceForm .dropFilesBox {
	max-height: none;
}

.type_antes {
	color: #ffeb3b;
}
.type_despues {
	color: #4caf50;
}
.notification-badge {
	position: absolute;
	left: 40px;
	top: 10px;
	color: #fff;
	background-color: #e82525;
	margin: 0 -.8em;
	border-radius: 6px;
	padding: 0 5px;
	display: inline-block;
	line-height: 20px;
	height: 20px;
	text-align: center;
	font-size: 12px;
}

#scannerCtn {
	background-color: #000;
}
.scannerVideo {
	max-width: 100%;
}
.listSuggestions {
	background: white;
	position: absolute;
	width: 100%;
	z-index: 2;
	border: solid 1px rgba(150, 156, 156, 0.3);
	border-top: none;
	border-bottom: none;
	overflow: hidden;
	border-radius: 0 0 6px 6px;
	max-height: 200px;
	overflow: auto;
}
#allStudentsQR td,
#allStudentsQR th {
	padding: 0;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    border-radius: 0;
}
#allStudentsQR tr {
	border-bottom: none;
}

#inventoryUl p {
	font-size: 15px;
}

#storeCtn button {
	height: auto;
	line-height: 1.5;
	padding: 8px 16px;
}
.collection-item .btn-floating i {
	color: var(--mdc-theme-primary);
}
.page-break	{ display: none; }
.decreaseClass {
	color: red;
}

/* SIDEBAR FIXED */
header, main.withnav, footer {
	padding-left: 300px;
}
.navbar-fixed nav {
	width: calc(100% - 300px);
}
.sidenav {
	width: 300px;
}
@media only screen and (max-width : 992px) {
	header, main.withnav, footer {
		padding-left: 0;
	}
	#browseFooter {
		padding-left: 0;
	}
	.navbar-fixed nav {
		width: 100%;
	}
}
/* END SIDEBAR FIXED */

@media only screen and (min-width: 0) {
	html {
		font-size: 16px;
	}
}
@media (max-width:479px) {
}
@media only screen and (max-width: 600px) {
	html {
		font-size: 14px;
	}
	nav .brand-logo img {
		max-height: 48px;
		margin-top: 4px;
	}
	.withnav.fullHeight {
		height: -moz-calc(100% - 56px);
		height: -webkit-calc(100% - 56px);
		height: calc(100% - 56px);
	}
	.card .card-content {
		padding: 12px;
	}
	.collection-item .valign-wrapper {
		display: block;
	}
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
}
@media only screen and (min-width: 601px) and (max-width: 992px) and (max-height: 600px) {
}
@media only screen and (min-width: 601px) {
	nav .brand-logo img {
		max-height: 56px;
		margin-top: 4px;
	}
	.withnav.fullHeight {
		height: -moz-calc(100% - 64px);
		height: -webkit-calc(100% - 64px);
		height: calc(100% - 64px);
	}
	.bigContainer {
		width: 85%
	}
}
@media only screen and (min-width: 993px) {
	.bigContainer {
		width: 90%
	}
}