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;
}
.sidenav .collapsible-header, 
.sidenav.fixed .collapsible-header {
	padding: 0 32px;
}
.sidenav .collapsible-body > ul:not(.collapsible) > li.active, 
.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
	background-color: var(--mdc-theme-primary);
}
/*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 {
	color: var(--mdc-theme-primary);
}
.modal.modal-fixed-footer {
	height: 80%;
}
.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);
}
.tabs .tab a {
	color: var(--mdc-theme-secondary);
}
.tabs .tab a:hover, .tabs .tab a.active {
	color: var(--mdc-theme-primary);
}
.tabs .indicator {
	background-color: var(--mdc-theme-secondary);
}
.tabs .tab a:focus, .tabs .tab a:focus.active {
	background-color: rgba(75, 193, 234, 0.2);
}
@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: #4bc1ea;
	--mdc-theme-secondary: #84d8f2;

	--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;}

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

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

.ml6 {margin-left: 6px !important;}

.p0 {padding: 0 !important;}
.p12 {padding: 12px !important;}

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

.pr0 {padding-right: 0 !important;}

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

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

.uppercase {
	text-transform: uppercase;
}

.fullWidth {width: 100% !important;}
.fullHeight {height: 100%;}
.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;
	max-width: 100%;
}
.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: #fdd835;*/
	color: #f6370e;
}
.type_despues {
	/*color: #4caf50;*/
	color: #05c131;
}
.notification-badge {
	position: absolute;
	left: 36px;
	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;
}
.evidenceImg {
	max-width: 170px;
	margin: 3px;
	/*float: left;*/
}
.slideBottom {
	border-bottom: 2px dashed rgba(0,0,0,0.4);
	padding-bottom: 20px;
}
.demoImages {
	position: relative;
}
.demoImages p {
	position: absolute;
	top: 2px;
	right: 0;
	margin: 0;
}
.page-break	{ display: none; }

#assistsSalesTable .date,
#assistsSalesTable .total,
#assistsSalesTable .dateSale,
#assistsSalesTable .totalSale {
	width: 28px;
	text-align: center;
}
#assistsSalesTable input {
	margin: 0;
}
#assistsSalesTable td, 
#assistsSalesTable th {
	vertical-align: top;
}

.collection-item ul {
	padding-left: 20px;
}
.objectiveInput {
	width: 50px !important;
	text-align: center;
}
.tinyTable th,
.tinyTable td {
	font-size: 10px;
	white-space: nowrap;
}

.select2-container {
	/*width: 100% !important;*/
	height: 3rem;
	line-height: 3rem;
}
.select2-container--default .select2-selection--single {
	border: none;
	border-bottom: 1px solid #e3e8ea;
	height: 3rem;
	line-height: 3rem;
	outline: none;
	border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	height: 3rem;
	line-height: 3rem;
	padding-left: 0;
}
.select2-container+label {
    position: absolute;
    top: -26px;
    font-size: .8rem;
}
.select2-results__option {
	line-height: 1.4;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 3rem;
}
select.invalid + .select2-container--default .select2-selection--single,
select.invalid + .select2-container--default .select2-selection--multiple {
	border-bottom: 1px solid #F44336;
}
.inputPrice .input-field.inline {
	width: calc(100% - 30px);
}

.invoiceCheck {
	display: inline-block;
	overflow: hidden;
}
.invoiceCheck i {
	color: green;
	font-size: 16px;
	float: right;
	margin: 4px 0 0 4px;
}

.orderClosed {
	background-color: rgba(75, 193, 234, 0.2) !important;
}

#pdfCtn {
	z-index: 1;
	background-color: #fafafa;
	width: calc(100% - 48px);
	height: -moz-calc(100% - 24px);
	height: -webkit-calc(100% - 24px);
	height: calc(100% - 24px);
}

#gestion.col,
#list.col {
	height: -moz-calc(100% - 48px);
	height: -webkit-calc(100% - 48px);
	height: calc(100% - 48px);
}

/*.fixed_headers {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
  
.fixed_headers th { text-decoration: underline; }
.fixed_headers th, td {
    padding: 5px;
    text-align: left;
  }
  
  td:nth-child(1), th:nth-child(1) { min-width: @column_one_width; }
  td:nth-child(2), th:nth-child(2) { min-width: @column_two_width; }
  td:nth-child(3), th:nth-child(3) { width: @column_three_width; }

.fixed_headers thead {
    background-color: #333;
    color: #FDFDFD;
}
.fixed_headers thead tr {
  display: block;
  position: relative;
}
.fixed_headers tbody {
    display: block;
    overflow: auto;
    width: 100%;
    height: 500px;
}*/


/* SIDEBAR FIXED */
header, main.withnav, footer {
	padding-left: 300px;
}
.navbar-fixed nav {
	width: calc(100% - 300px);
}
.sidenav {
	width: 300px;
}

.responsiveTableCtn {
	overflow: auto;
	max-width: 100%;
	max-height: 500px;
}

@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;
	}
	.valignMobile {
		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%
	}
}
@media print {
	.page-break	{ display: block; }
	.slideBottom {border-bottom: none;}
}