/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */



header { background: #fff;}
.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.pa-0 { padding: 0;}
.px-0 { padding-left: 0; padding-right:0}
.py-0 { padding-top: 0; padding-bottom:0}
.pl-0 { padding-left: 0; }
.pr-0 { padding-right: 0; }
.pt-0 { padding-top: 0; }
.pb-0 { padding-bottom:0}

.pa-1 { padding: 4px;}
.px-1 { padding-left: 4px; padding-right:4px}
.py-1 { padding-top: 4px; padding-bottom:4px}
.pl-1 { padding-left: 4px; }
.pr-1 { padding-right: 4px; }
.pt-1 { padding-top: 4px; }
.pb-1 { padding-bottom:4px;}

.pa-2 { padding: 8px;}
.px-2 { padding-left: 8px; padding-right:8px}
.py-2 { padding-top: 8px; padding-bottom:8px}
.pl-2 { padding-left: 8px; }
.pr-2 { padding-right: 8px; }
.pt-2 { padding-top: 8px; }
.pb-2 { padding-bottom:8px;}

.pa-3 { padding: 12px;}
.px-3 { padding-left: 12px; padding-right:12px}
.py-3 { padding-top: 12px; padding-bottom:12px}
.pl-3 { padding-left: 12px; }
.pr-3 { padding-right: 12px; }
.pt-3 { padding-top: 12px; }
.pb-3 { padding-bottom: 12px;}

.pa-4 { padding: 16px;}
.px-4 { padding-left: 16px; padding-right:16px}
.py-4 { padding-top: 16px; padding-bottom:16px}
.pl-4 { padding-left: 16px; }
.pr-4 { padding-right: 16px; }
.pt-4 { padding-top: 16px; }
.pb-4 { padding-bottom: 16px;}

.ma-0 { margin: 0;}
.mx-0 { margin-left: 0; margin-right:0}
.my-0 { margin-top: 0; margin-bottom:0}
.ml-0 { margin-left: 0; }
.mr-0 { margin-right: 0; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom:0}

.ma-1 { margin: 4px;}
.mx-1 { margin-left: 4px; margin-right:4px}
.my-1 { margin-top: 4px; margin-bottom:4px}
.ml-1 { margin-left: 4px; }
.mr-1 { margin-right: 4px; }
.mt-1 { margin-top: 4px; }
.mb-1 { margin-bottom:4px;}

.ma-2 { margin: 8px;}
.mx-2 { margin-left: 8px; margin-right:8px}
.my-2 { margin-top: 8px; margin-bottom:8px}
.ml-2 { margin-left: 8px; }
.mr-2 { margin-right: 8px; }
.mt-2 { margin-top: 8px; }
.mb-2 { margin-bottom:8px;}

.ma-3 { margin: 12px;}
.mx-3 { margin-left: 12px; margin-right:12px}
.my-3 { margin-top: 12px; margin-bottom:12px}
.ml-3 { margin-left: 12px; }
.mr-3 { margin-right: 12px; }
.mt-3 { margin-top: 12px; }
.mb-3 { margin-bottom: 12px;}

.ma-4 { margin: 16px;}
.mx-4 { margin-left: 16px; margin-right:16px}
.my-4 { margin-top: 16px; margin-bottom:16px}
.ml-4 { margin-left: 16px; }
.mr-4 { margin-right: 16px; }
.mt-4 { margin-top: 16px; }
.mb-4 { margin-bottom: 16px;}

.fw-light { font-weight: 300!important;}
.fw-regular { font-weight: 400!important;}
.fw-semibold { font-weight: 500!important;}
.fw-bold { font-weight: 700!important;}
.fw-heavy { font-weight:900!important;}

.f8 { font-size: 8pt;}
.f10 { font-size: 10pt;}
.f12 { font-size: 12pt;}
.f14 { font-size: 14pt;}
 
.dashboard { width: 100%;}
.dropdown-content li > a, .dropdown-content li > span{ white-space: nowrap;}
.dropdown-content.select-dropdown {
    width: 100%!important;
}

.input-field label:not(.input-field.checkbox label) { pointer-events: none;}

 .flashcard .knewit ,
 .flashcard .learnit { cursor: pointer;}
 
 .pickmodule { cursor: pointer;}
 .pickmodule:hover { background:#5e35b1!important;}
 
 .spelling {    
    outline: 1px dashed #ddd;
    padding: 20px;
    margin: 10px 0;
}
 .sentence { text-align: center;
    outline: 1px dotted #eee;
    margin: 40px 20px 0;
	background: #fcfcfc;
}
.complete .sentence {
    background: #efe;
}
span.space {
     display: inline-block;
}
.space, 
.letter {
	min-width: 20px;
	cursor: pointer;
    vertical-align: bottom;
}
	
 .consonant { font-size: 40px; display:inline-block;}
 .vowel { font-size: 40px; display:inline-block;}
 
 .letter.active { overflow: hidden; text-indent:-9999px; border-bottom:2px solid #000;} 
 .letter { overflow: hidden; text-indent:0; border-bottom:none;  vertical-align: bottom; margin: 0 0.2%;}
 
 .complete .letter { color: #0C0;}
 
 .definition {
    font-style: italic;
    text-align: center;
    padding: 20px;
    color: #999;
}

.bold { font-weight: 700;}

.show_equipment_list {
    display: block;
    position: static;
    box-shadow: none;
    border: 1px solid #ddd;
	overflow-y: initial;
}


.show_equipment_list h4 { font-size: 24px;}
.show_equipment_list .badge { float: none!important; margin: 5px 0; display: inline-block;}
.show_equipment_list .modal-close { display: none;}

.cloneIemplate select {
    max-width: 100%; 
}
 
.valign-top { vertical-align:top;}

.lookup-button { 
     position: absolute;
    right: 0;
    bottom: 28px;
	z-index:100;
}
 
.timestamp {
	font-size: 10px;
    line-height: normal;
    padding: 4px;
    letter-spacing: normal;
	width: 100%;
}
 
div.material-table {
  padding: 0;
}



div.material-table table {
  table-layout: fixed;
}



div.material-table .table-footer {
  height: 56px;
  padding-left: 24px;
  padding-right: 14px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px !important;
  color: rgba(0, 0, 0, 0.54);
}

div.material-table .table-footer .dataTables_length {
  display: -webkit-flex;
  display: flex;
}

div.material-table .table-footer label {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.54);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row
  /* works with row or column */
  
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

div.material-table .table-footer .select-wrapper {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row
  /* works with row or column */
  
  flex-direction: row;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

div.material-table .table-footer .dataTables_info,
div.material-table .table-footer .dataTables_length {
  margin-right: 32px;
}

div.material-table .table-footer .material-pagination {
  display: flex;
  -webkit-display: flex;
  margin: 0;
}

div.material-table .table-footer .material-pagination li:first-child {
  margin-right: 24px;
}

div.material-table .table-footer .material-pagination li a {
  color: rgba(0, 0, 0, 0.54);
}

div.material-table .table-footer .select-wrapper input.select-dropdown {
  margin: 0;
  border-bottom: none;
  height: auto;
  line-height: normal;
  font-size: 16px;
  width: 40px;
  text-align: right;
}

div.material-table .table-footer select {
  background-color: transparent;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  height: auto;
  margin-left: 20px;
}

div.material-table .table-title {
  font-size: 20px;
  color: #000;
}

div.material-table table tr td {
  padding: 0 0 0 5px;
  height: 48px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.87);
  border-bottom: solid 1px #DDDDDD;
  white-space: nowrap;
 /* overflow: hidden;*/
  text-overflow: ellipsis;
 
}

div.material-table table tr td a {
  color: inherit;
}

div.material-table table tr td a i {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.54);
}

div.material-table table tr {
  font-size: 16px;
}

div.material-table table th {
  font-size: 16px;
  font-weight: 500;
  color: #757575;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
  height: 56px;
  padding-left: 5px;
  vertical-align: middle;
  outline: none !important;
  
}

div.material-table table th.sorting_asc,
div.material-table table th.sorting_desc {
  color: rgba(0, 0, 0, 0.87);
}

div.material-table table th.sorting:after,
div.material-table table th.sorting_asc:after,
div.material-table table th.sorting_desc:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  content: "arrow_back";
  -webkit-transform: rotate(90deg);
  display: none;
  vertical-align: middle;
}

/*
div.material-table table th.sorting:hover:after,
div.material-table table th.sorting_asc:after,
div.material-table table th.sorting_desc:after {
  display: inline-block;
}

div.material-table table th.sorting_desc:after {
  content: "arrow_forward";
}
*/

.collection .collection-item.avatar { 
padding: 10px 20px 0 74px;
    min-height: unset;
}

div.material-table table tbody tr:hover {
  background-color: #EEE;
}

div.material-table table th:first-child,
div.material-table table td:first-child {
  padding: 0 0 0 24px;
}

div.material-table table th:last-child,
div.material-table table td:last-child {
  padding: 0 14px 0 0;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  text-align: center;
  z-index: 21;
  color: rgba(0, 0, 0, 0.6);
}

div.dt-buttons {
    position: absolute;
    left: 0;
}

@media screen and (max-width: 640px) {
  div.dt-buttons {
    float: none !important;
    text-align: center;
  }
}

@media only screen and (min-width: 993px) {
	.container {
		width: 100%!important;
	}
}
 
#toast-container {
    top: initial;
	bottom:2%;
    left: 2%;
	right: initial;
}

.fullwidth { width: 100%;}
.subheading { font-weight: 700;}

.border-divide {     border-bottom: 1px solid #fff!important;}
.border-bottom {    border-bottom: 1px solid #eeeeee!important;}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

h2, h1 {
    color: #1f395a; font-weight: 300;
}

table.no-padding td,table.no-padding  th {
    padding: 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    border-radius: 2px;
}

table.rowdivided td,table.rowdivided  th {
    padding: 5px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    Border-bottom: 1px solid #ccc;
}

table.boxed { outline: 1px solid #ccc;}
table.boxed td,
table.boxed th {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
	
}

table.boxed th {
	background: #fcfcfc;
}


table.boxed td:first-child,
table.boxed th:first-child {
    
    border-left: none;
}

table.boxed td:last-child,
table.boxed th:last-child {
    
    border-right: none;
}

.alert .card-content span {
  font-weight: bold;
  font-size: 1.1em;
  margin-right: 4px;
}
.alert .card-content .material-icons {
  font-size: 1.5em;
  position: relative;
  top: 5px;
  margin-right: 0.5em;
}

/* alert card */
.card-alert .card-content
{
    padding: 10px 20px;
}

.card-alert i
{
    font-size: 20px;

    position: relative;
    top: 2px;
}

.card-alert .alert-circle
{
    position: relative;
    top: -5px;
    left: -2px;

    display: inline-block;

    width: 40px;

    vertical-align: bottom;
    white-space: nowrap;

    border-radius: 1000px;
}

.card-alert .single-alert
{
    line-height: 42px;
}

.card-alert button
{
    font-size: 20px;

    position: absolute;
    top: 5px;
    right: 10px;

    color: #fff;
    border: none;
    background: none;
}

.card-alert .card .card-content
{
    padding: 20px 40px 20px 20px;
}

.card-alert .card-action i
{
    top: 0;

    margin: 0;
}

@media only screen and (min-width: 993px) {
  nav a.sidenav-trigger {
       display: block;
  }
}

.btn-floating.btn-small i {
    line-height: 32.4px!important;
}


li .collapsible-header .caret {

    margin-right: 0;
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;

}

li.active .collapsible-header .caret {

    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease;

}

.no-margin { margin: 0!important;}


.tap-target {
  color: #fff;
  a {
    color: #fff;
    text-decoration:underline;
  }
}

.parallax-container .section {
    width: 100%;
}

.parallax-container .parallax img {
    max-width: 100%;
}
.section {    margin: auto;}

.lead { font-size: 20px;}

.footer-copyright  { font-size: 80%}

.quotation { font-style: italic; font-size: 17px; padding: 30px 20px; background: #f4f4f4; border-radius: 15px; display: inline-block; margin: 30px auto;}
.quotation .author { font-weight: 500; margin-top: 20px;}

.lovethis {
    position: relative;
}
.lovethis::before {
    content: '';
    width: 100px;
    height: 100px;
    background: url(../images/love-science.png) no-repeat;
    position: absolute;
    right: -50px;
    top: 25px;
    background-size: 100% 100%;
}

#login_splash{ position: relative; overflow-x: hidden; }
#recover_splash{ position: relative; overflow-x: hidden; }

@media only screen and (min-width: 993px) {

	#login_splash{ position: relative;      height: calc(100vh - 364px);}
	#recover_splash{ position: relative;     height: calc(100vh - 364px);}

  #login_splash:before {content: ''; background: url(/_dynamic/1700/1000/0/images/blue-bubble-crystal-clear-132477.jpg) no-repeat center center; background-size: cover; height: 100%; width:100%;left:50%;top:0;
  position: fixed;
	z-index:-1;}

  #recover_splash:before {content: '';  background: url(/_dynamic/1700/1000/0/images/chemistry-close-up-color-220989.jpg) no-repeat center center; background-size: cover; height: 100%; width:100%;left:50%;top:0;
  position: fixed;
	z-index:-1;}
}

@media only screen and (max-width: 992px) {


  #login_splash:before {content: ''; position: static; background: url(/_dynamic/800/1000/0/images/blue-bubble-crystal-clear-132477.jpg) no-repeat center center; background-size: cover;     height: 200px;
    width: 100%;
    left: 0;
    top: 0;
    display: block;
	}

  #recover_splash:before {content: ''; position: static; background: url(/_dynamic/800/1000/0/images/chemistry-close-up-color-220989.jpg) no-repeat center center; background-size: cover;     height: 200px;
    width: 100%;
    left: 0;
    top: 0;
    display: block;}
}

/* TIMELINE */

.timeline {
  position: relative; margin-top: 0px; margin-bottom: 50px;
}
.timeline .timeline-event {
  position: relative;
  padding-top: 5px;
  padding-bottom: 5px;
}
.timeline .timeline-event .timeline-content {
  position: relative;
  width: calc(50% - 50px);
}
.timeline .timeline-event::before {
  display: block;
  content: "";
  width: 2px;
  height: calc(50% - 30px);
  position: absolute;
  background: #d2d2d2;
  left: calc(50% - 1px);
  top: 0;
}
.timeline .timeline-event::after {
  display: block;
  content: "";
  width: 2px;
  height: calc(50% - 30px);
  position: absolute;
  background: #d2d2d2;
  left: calc(50% - 1px);
  top: calc(50% + 30px);
}
.timeline .timeline-event:first-child::before, .timeline .timeline-event:last-child::after {
  display: none;
}
.timeline .timeline-event:nth-child(even) .timeline-content {
  margin-left: calc(50% + 50px);
}
.timeline .timeline-event:nth-child(odd) .timeline-content {
  margin-left: 0;
}
.timeline .timeline-badge {
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  background: #d2d2d2;
  top: calc(50% - 8px);
  right: calc(50% - 8px);
  border-radius: 50%;
  text-align: center;
  cursor: default;
}
.timeline .timeline-badge i {
  font-size: 25px;
  line-height: 40px;
}

@media (max-width: 600px) {
	.timeline .timeline-event .timeline-content {
		width: calc(100% - 70px);
	}
	.timeline .timeline-event::before, .timeline .timeline-event::after {
		left: 19px;
	}
	.timeline .timeline-event:nth-child(even) .timeline-content, .timeline .timeline-event:nth-child(odd) .timeline-content {
		margin-left: 70px;
	}
	.timeline .timeline-badge {
		left: 12px;
	}
	.mcenter, .mcenter-align {
		text-align: center;
	}
	.valign-wrapper {    
		display: inline;

	}
.card-title {
  line-height: 1em;
}
.card-title.gradient {
  display: block;
  position: absolute;
  bottom: 0px;
  padding-bottom: 64px;
  display: block;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);
}


/* ###################################### */

.parallax-container.banner {
    min-height: 200px;
    line-height: 0;
    height: auto;
    color: rgba(255,255,255,.9);
}

.dropdown-content li > a, .dropdown-content li > span {
 
    color: #444;
}

.valign-bottom { vertical-align: bottom}

.btn-floating:hover { background-color: #eeeeee!important;}

.rounded { border-radius: 25px;}

.mdi-12 { font-size:12px!important;}
.mdi-24 { font-size:24px!important;}
.mdi-36 { font-size:36px!important;}

.flashcard .card-content {
    min-height: 400px;
    vertical-align: middle; 
}

.f0 { font-size: 0;}
.f20 { font-size: 20px!important;}
.f40 { font-size: 40px!important;}
.f75p { font-size: .75em!important;}

.card-action.sm6 { width: 50%; display: inline-block; font-size: 15px;}
.card-action.sm12 { width: 100%; display: inline-block; font-size: 15px;}

.collection .collection-item:hover,
.collection .collection-item.active {
    background-color: #26a69a;
    color: #eafaf9;
}

.noborder {
    border: none!important;
}