/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
 
 .waiting { cursor: progress!important;}
 
:root  {
  --swidth: 100%;
  --sheight: 100%;
  --tcolor: #ffffff; 
}

 
* {
	cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

p, input {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    user-select: text;
}

body { background: black;}
#frame_center { background: white; padding-bottom: 60px; min-height: calc(100vh - 405px); } /*margin-top: 185px;}*/
#frame_center.loggedin { background: white; padding-bottom: 60px; min-height: calc(100vh - 120px); } /*margin-top: 120px;}*/

.sheader-padding {margin-top: 185px;}

.viewport-height { min-height: calc(100vh - 360px);}
.viewport-height-loggedin { min-height: calc(100vh - 184px);}


header { position: relative; width: 100%; z-index: 900; top:0; left:0;}

header { top:0; left:0;}

.fixed { position: fixed; width: 100%; z-index: 900;}
.sticky { position: sticky;}

.tl-corner { position: absolute; top: 0; left: 0; }
.tr-corner { position: absolute; top: 0; right: 0; }
.bl-corner { position: absolute; bottom: 0; left: 0; }
.br-corner { position: absolute; bottom: 0; right: 0; }

strong { font-weight: 900!important;}

@media only screen and (max-width: 992px)
{
	.fixed-on-small-and-down { position: fixed; width: 100%; z-index: 900;}
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}
.masonary {
	column-count: 2;
    column-gap: 40px;
}

.masonary-item { display: inline-block; width:100%;}

@media only screen and (min-width: 993px)
{
	.lcols-1 { column-count: 1;}
	.lcols-2 { column-count: 2;}
	.lcols-3 { column-count: 3;}
	.lcols-4 { column-count: 4;}
}

@media only screen and (min-width: 601px)
{
	.mcols-1 { column-count: 1;}
	.mcols-2 { column-count: 2;}
	.mcols-3 { column-count: 3;}
	.mcols-4 { column-count: 4;}
	.col .row {
		margin-right: 0;
		margin-left: 0;
	}
}
@media only screen and (max-width: 992px)
{
	.scols-1 { column-count: 1;}
	.scols-2 { column-count: 2;}
	.scols-3 { column-count: 3;}
	.scols-4 { column-count: 4;}
	.col .row {
		margin-right: 0;
		margin-left: 0;
	}
}


h1
{
    font-size: 3.2rem;
    line-height: 110%;

    padding: 2.8rem 0 1.68rem 0;
}

h2
{
    font-size: 2.56rem;
    line-height: 110%;

    padding: 2.37333rem 0 1.424rem 0;
}

h3
{
    font-size: 1.92rem;
    line-height: 110%;

    padding: 1.94667rem 0 1.168rem 0;
}

h4
{
    font-size: 1.28rem;
    line-height: 110%;

    margin: 1.52rem 0 .912rem 0;
}

h5
{
    font-size: 1.1rem;
    line-height: 110%;

    padding: 1.09333rem 0 .656rem 0;
}

h6
{
    font-size: 1.15rem;
    line-height: 110%;

    padding: .76667rem 0 .46rem 0;
}

.modal h2
{
    font-size: 1.56rem;
}	
.pa-0 { padding: 0!Important;}
.px-0 { padding-left: 0!Important; padding-right:0!Important}
.py-0 { padding-top: 0!Important; padding-bottom:0!Important}
.pl-0 { padding-left: 0!Important; }
.pr-0 { padding-right: 0!Important; }
.pt-0 { padding-top: 0!Important; }
.pb-0 { padding-bottom:0!Important}

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

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

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

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

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

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

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

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

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

.ma-5u { margin: 20px!Important;}
.mx-5u { margin-left: 20px!Important; margin-right:20px!Important}
.my-5u { margin-top: 20px!Important; margin-bottom:20px!Important}
.ml-5u { margin-left: 20px!Important; }
.mr-5u { margin-right: 20px!Important; }
.mt-5u { margin-top: 20px!Important; }
.mb-5u { margin-bottom: 20px!Important;}

.m-auto {
    margin: auto;
}

.f8 { font-size: 8px!Important;}
.f10 { font-size: 10px!Important;}
.f12 { font-size: 12px!Important;}
.f14 { font-size: 14px!Important;}
.f16 { font-size: 16px!Important;}
.f20 { font-size: 20px!Important;}
.f24 { font-size: 24px!Important;}
.f28 { font-size: 28px!Important;}

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

.w-auto {width: auto!important;}
.width-10 { width: 10%;}
.width-20 { width: 20%;}
.width-30 { width: 30%;}
.width-40 { width: 40%;}
.width-50 { width: 50%;}
.width-60 { width: 60%;}
.width-70 { width: 70%;}
.width-80 { width: 80%;}
.width-90 { width: 90%;}
.width-100 { width: 100%;}

.absolute { position: absolute!important;}
.relative { position: relative!important;}

.profile-badge { position: absolute; left: -25px; top: 25px;}
 
.dashboard { width: 100%;}
.dropdown-content li > a, .dropdown-content li > span{ white-space: nowrap;}
.dropdown-content.select-dropdown {
    width: 100%!important;
}

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

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;
  }
  
  .sweet-alert .sa-icon {display: none!important;}
}

@media only screen and (min-width: 993px) {
	.container {
		width: 90%!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;}
.border-top {    border-top: 1px solid #eeeeee!important;}

.border-left {    border-left: 1px solid #eeeeee!important;}
.border-right {    border-right: 1px solid #eeeeee!important;}


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

h2, h1 {
    color: #inherit; 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;
}

@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;
  text-decoration:underline;  
}

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

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

.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: hidden;}
#recover_splash{ position: relative;overflow: hidden;}
#password_splash{ position: relative;overflow: hidden;}


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

  #login_splash:before {content: ''; position: absolute; background: url(/_dynamic/1600/1600/0/UserFiles/Decoration/login-splash.jpg) no-repeat center center; 
  background-size: cover; height: 100%; width:50%;left:50%;top:0}

  #recover_splash:before {content: ''; position: absolute; background: url(/_dynamic/1600/1600/0/UserFiles/Decoration/recover-splash.jpg) no-repeat center center; 
  background-size: cover; height: 100%; width:50%;left:50%;top:0}
  
  #password_splash:before {content: ''; position: absolute; background: url(/_dynamic/1600/1600/0/UserFiles/Decoration/password-splash.jpg) no-repeat center center; 
  background-size: cover; height: 100%; width:50%;left:50%;top:0}
  
}

@media only screen and (min-width: 600px) and (max-width: 1279px) {

  #login_splash:before {content: ''; position: absolute;   
	background: url(/_dynamic/800/600/0/UserFiles/Decoration/login-splash.jpg) no-repeat center center; background-size: cover;
    width: 50%;
	height: 100%;
	left:50%;top:0;
    display: block;} 

  #recover_splash:before {content: ''; position: absolute; 
	background: url(/_dynamic/800/600/0/UserFiles/Decoration/recover-splash.jpg) no-repeat center center; 
	background-size: cover;     
    width: 50%;
	height: 100%;;
	left:50%;top:0;
    display: block;}
	
  #password_splash:before {content: ''; position: absolute; 
	background: url(/_dynamic/800/600/0/UserFiles/Decoration/password-splash.jpg) no-repeat center center; 
	background-size: cover;     
    width: 50%;
	height: 100%;;
	left:50%;top:0;
    display: block;}
	
}

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

  #login_splash:before {content: ''; position: static;  
	background: url(/_dynamic/768/200/0/UserFiles/Decoration/login-splash.jpg) no-repeat center center; 
	background-size: cover;
    width: 100%;
	height: 200px;
    left: 0;
    top: 0;
    display: block;} 

  #recover_splash:before {content: ''; position: static; 
	background: url(/_dynamic/768/200/0/UserFiles/Decoration/recover-splash.jpg) no-repeat center center; 
	background-size: cover;    
    width: 100%;
	height: 200px;
    left: 0;
    top: 0;
    display: block;}
	
  #password_splash:before {content: ''; position: static; 
	background: url(/_dynamic/768/200/0/UserFiles/Decoration/password-splash.jpg) no-repeat center center; 
	background-size: cover;    
    width: 100%;
	height: 200px;
    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;
}

.hiddensearch { display: none;}

.material-pagination li { display: inline-block;}

.dataTables_paginate { float: none!important; width: 30%; display: inline-block;}

.dataTables_info,
.datatable_length {
	float: none!important;
    width: 33%;
    display: inline-block;
}
.datatable_length { padding: 10px;}
.table-footer:after{clear: both; content:"";}

/* Use for Equal height colums */
.flex {
  display: flex!important;
  flex-wrap: wrap;
}

.inline-flex {
  display: inline-flex!important;
  -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  flex-wrap: nowrap;
}


.flex .card,
.flex .card-content ,
.fullheight { height: 100%;}
.noborder{ border: none!important;}
.bordered { border: 1px solid #000;}

.display-grid {
    display: grid;
}

.display-flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;
}

.flex-grow-1
{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
            flex-grow: 1;
}

.flex-wrap
{
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.flex-column
{
            flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
}


.justify-content-end
{
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
            justify-content: flex-end;
}

.justify-content-between
{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
}

.justify-content-center
{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.align-items-center
{
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}


/*
  Gradient color mixin
*/
.gradient-45deg-light-blue-teal
{
      background: #b3e5fc;
      background: -webkit-linear-gradient(45deg, #b3e5fc, #64ffda) !important;
      background: -moz- oldlinear-gradient(45deg, #b3e5fc, #64ffda) !important;
      background:      -o-linear-gradient(45deg, #b3e5fc, #64ffda) !important;
      background:         linear-gradient(45deg, #b3e5fc, #64ffda) !important;
}
.gradient-45deg-light-blue-teal.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
}

.gradient-45deg-indigo-light-blue
{
      background: #3949ab;
      background: -webkit-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
      background: -moz- oldlinear-gradient(45deg, #3949ab, #4fc3f7) !important;
      background:      -o-linear-gradient(45deg, #3949ab, #4fc3f7) !important;
      background:         linear-gradient(45deg, #3949ab, #4fc3f7) !important;
}
.gradient-45deg-indigo-light-blue.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
}

.gradient-45deg-light-blue-indigo
{
      background: #b3e5fc;
      background: -webkit-linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
      background: -moz- oldlinear-gradient(45deg, #b3e5fc, #9fa8da) !important;
      background:      -o-linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
      background:         linear-gradient(45deg, #b3e5fc, #9fa8da) !important;
}
.gradient-45deg-light-blue-indigo.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(159, 168, 218, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(159, 168, 218, .5) !important;
}

.gradient-45deg-yellow-green
{
      background: #ffff8d;
      background: -webkit-linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
      background: -moz- oldlinear-gradient(45deg, #ffff8d, #b9f6ca) !important;
      background:      -o-linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
      background:         linear-gradient(45deg, #ffff8d, #b9f6ca) !important;
}
.gradient-45deg-yellow-green.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(185, 246, 202, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(185, 246, 202, .5) !important;
}

.gradient-45deg-orange-deep-orange
{
      background: #ffe0b2;
      background: -webkit-linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
      background: -moz- oldlinear-gradient(45deg, #ffe0b2, #ffccbc) !important;
      background:      -o-linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
      background:         linear-gradient(45deg, #ffe0b2, #ffccbc) !important;
}
.gradient-45deg-orange-deep-orange.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 204, 188, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(255, 204, 188, .5) !important;
}

.gradient-45deg-deep-purple-purple
{
      background: #d1c4e9;
      background: -webkit-linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
      background: -moz- oldlinear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
      background:      -o-linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
      background:         linear-gradient(45deg, #d1c4e9, #f3e5f5) !important;
}
.gradient-45deg-deep-purple-purple.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(243, 229, 245, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(243, 229, 245, .5) !important;
}

.gradient-45deg-red-pink
{
      background: #ff5252;
      background: -webkit-linear-gradient(45deg, #ff5252, #f48fb1) !important;
      background: -moz- oldlinear-gradient(45deg, #ff5252, #f48fb1) !important;
      background:      -o-linear-gradient(45deg, #ff5252, #f48fb1) !important;
      background:         linear-gradient(45deg, #ff5252, #f48fb1) !important;
}
.gradient-45deg-red-pink.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(244, 143, 177, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(244, 143, 177, .5) !important;
}

.gradient-45deg-light-green-amber
{
      background: #c5e1a5;
      background: -webkit-linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
      background: -moz- oldlinear-gradient(45deg, #c5e1a5, #fff8e1) !important;
      background:      -o-linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
      background:         linear-gradient(45deg, #c5e1a5, #fff8e1) !important;
}
.gradient-45deg-light-green-amber.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 248, 225, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(255, 248, 225, .5) !important;
}

.gradient-45deg-amber-amber
{
      background: #ff6f00;
      background: -webkit-linear-gradient(45deg, #ff6f00, #ffca28) !important;
      background: -moz- oldlinear-gradient(45deg, #ff6f00, #ffca28) !important;
      background:      -o-linear-gradient(45deg, #ff6f00, #ffca28) !important;
      background:         linear-gradient(45deg, #ff6f00, #ffca28) !important;
}
.gradient-45deg-amber-amber.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 202, 40, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(255, 202, 40, .5) !important;
}

.gradient-45deg-purple-pink
{
      background: #ea80fc;
      background: -webkit-linear-gradient(45deg, #ea80fc, #fce4ec) !important;
      background: -moz- oldlinear-gradient(45deg, #ea80fc, #fce4ec) !important;
      background:      -o-linear-gradient(45deg, #ea80fc, #fce4ec) !important;
      background:         linear-gradient(45deg, #ea80fc, #fce4ec) !important;
}
.gradient-45deg-purple-pink.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(252, 228, 236, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(252, 228, 236, .5) !important;
}

.gradient-45deg-teal-cyan
{
      background: #e0f2f1;
      background: -webkit-linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
      background: -moz- oldlinear-gradient(45deg, #e0f2f1, #00e5ff) !important;
      background:      -o-linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
      background:         linear-gradient(45deg, #e0f2f1, #00e5ff) !important;
}
.gradient-45deg-teal-cyan.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
}

.gradient-45deg-blue-grey-blue-grey
{
      background: #cfd8dc;
      background: -webkit-linear-gradient(45deg, #cfd8dc, #546e7a) !important;
      background: -moz- oldlinear-gradient(45deg, #cfd8dc, #546e7a) !important;
      background:      -o-linear-gradient(45deg, #cfd8dc, #546e7a) !important;
      background:         linear-gradient(45deg, #cfd8dc, #546e7a) !important;
}
.gradient-45deg-blue-grey-blue-grey.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(84, 110, 122, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(84, 110, 122, .5) !important;
}

.gradient-45deg-orange-amber
{
      background: #e65100;
      background: -webkit-linear-gradient(45deg, #e65100, #1976d2) !important;
      background: -moz- oldlinear-gradient(45deg, #e65100, #1976d2) !important;
      background:      -o-linear-gradient(45deg, #e65100, #1976d2) !important;
      background:         linear-gradient(45deg, #e65100, #1976d2) !important;
}
.gradient-45deg-orange-amber.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
}

.gradient-45deg-indigo-blue
{
      background: #303f9f;
      background: -webkit-linear-gradient(45deg, #303f9f, #1976d2) !important;
      background: -moz- oldlinear-gradient(45deg, #303f9f, #1976d2) !important;
      background:      -o-linear-gradient(45deg, #303f9f, #1976d2) !important;
      background:         linear-gradient(45deg, #303f9f, #1976d2) !important;
}
.gradient-45deg-indigo-blue.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
}

.gradient-45deg-brown-brown
{
      background: #6d4c41;
      background: -webkit-linear-gradient(45deg, #6d4c41, #bbdefb) !important;
      background: -moz- oldlinear-gradient(45deg, #6d4c41, #bbdefb) !important;
      background:      -o-linear-gradient(45deg, #6d4c41, #bbdefb) !important;
      background:         linear-gradient(45deg, #6d4c41, #bbdefb) !important;
}
.gradient-45deg-brown-brown.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(187, 222, 251, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(187, 222, 251, .5) !important;
}

.gradient-45deg-blue-grey-blue
{
      background: #263238;
      background: -webkit-linear-gradient(45deg, #263238, #2979ff) !important;
      background: -moz- oldlinear-gradient(45deg, #263238, #2979ff) !important;
      background:      -o-linear-gradient(45deg, #263238, #2979ff) !important;
      background:         linear-gradient(45deg, #263238, #2979ff) !important;
}
.gradient-45deg-blue-grey-blue.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(41, 121, 255, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(41, 121, 255, .5) !important;
}

.gradient-45deg-purple-deep-orange
{
      background: #8e24aa;
      background: -webkit-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
      background: -moz- oldlinear-gradient(45deg, #8e24aa, #ff6e40) !important;
      background:      -o-linear-gradient(45deg, #8e24aa, #ff6e40) !important;
      background:         linear-gradient(45deg, #8e24aa, #ff6e40) !important;
}
.gradient-45deg-purple-deep-orange.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 110, 64, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(255, 110, 64, .5) !important;
}

.gradient-45deg-green-teal
{
      background: #43a047;
      background: -webkit-linear-gradient(45deg, #43a047, #1de9b6) !important;
      background: -moz- oldlinear-gradient(45deg, #43a047, #1de9b6) !important;
      background:      -o-linear-gradient(45deg, #43a047, #1de9b6) !important;
      background:         linear-gradient(45deg, #43a047, #1de9b6) !important;
}
.gradient-45deg-green-teal.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(29, 233, 182, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(29, 233, 182, .5) !important;
}

.gradient-45deg-purple-light-blue
{
      background: #e040fb;
      background: -webkit-linear-gradient(45deg, #e040fb, #4fc3f7) !important;
      background: -moz- oldlinear-gradient(45deg, #e040fb, #4fc3f7) !important;
      background:      -o-linear-gradient(45deg, #e040fb, #4fc3f7) !important;
      background:         linear-gradient(45deg, #e040fb, #4fc3f7) !important;
}
.gradient-45deg-purple-light-blue.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(79, 195, 247, .5) !important;
}

.gradient-45deg-cyan-cyan
{
      background: #18ffff;
      background: -webkit-linear-gradient(45deg, #18ffff, #00e5ff) !important;
      background: -moz- oldlinear-gradient(45deg, #18ffff, #00e5ff) !important;
      background:      -o-linear-gradient(45deg, #18ffff, #00e5ff) !important;
      background:         linear-gradient(45deg, #18ffff, #00e5ff) !important;
}
.gradient-45deg-cyan-cyan.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(0, 229, 255, .5) !important;
}

.gradient-45deg-yellow-teal
{
      background: #fff9c4;
      background: -webkit-linear-gradient(45deg, #fff9c4, #64ffda) !important;
      background: -moz- oldlinear-gradient(45deg, #fff9c4, #64ffda) !important;
      background:      -o-linear-gradient(45deg, #fff9c4, #64ffda) !important;
      background:         linear-gradient(45deg, #fff9c4, #64ffda) !important;
}
.gradient-45deg-yellow-teal.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(100, 255, 218, .5) !important;
}

.gradient-45deg-purple-deep-purple
{
      background: #7b1fa2;
      background: -webkit-linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
      background: -moz- oldlinear-gradient(45deg, #7b1fa2, #7c4dff) !important;
      background:      -o-linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
      background:         linear-gradient(45deg, #7b1fa2, #7c4dff) !important;
}
.gradient-45deg-purple-deep-purple.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(124, 77, 255, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(124, 77, 255, .5) !important;
}

.gradient-45deg-cyan-light-green
{
      background: #0097a7;
      background: -webkit-linear-gradient(45deg, #0097a7, #b2ff59) !important;
      background: -moz- oldlinear-gradient(45deg, #0097a7, #b2ff59) !important;
      background:      -o-linear-gradient(45deg, #0097a7, #b2ff59) !important;
      background:         linear-gradient(45deg, #0097a7, #b2ff59) !important;
}
.gradient-45deg-cyan-light-green.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(178, 255, 89, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(178, 255, 89, .5) !important;
}

.gradient-45deg-purple-amber
{
      background: #d500f9;
      background: -webkit-linear-gradient(45deg, #d500f9, #ffa000) !important;
      background: -moz- oldlinear-gradient(45deg, #d500f9, #ffa000) !important;
      background:      -o-linear-gradient(45deg, #d500f9, #ffa000) !important;
      background:         linear-gradient(45deg, #d500f9, #ffa000) !important;
}
.gradient-45deg-purple-amber.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(255, 160, 0, .5) !important;
}

.gradient-45deg-indigo-purple
{
      background: #303f9f;
      background: -webkit-linear-gradient(45deg, #303f9f, #7b1fa2) !important;
      background: -moz- oldlinear-gradient(45deg, #303f9f, #7b1fa2) !important;
      background:      -o-linear-gradient(45deg, #303f9f, #7b1fa2) !important;
      background:         linear-gradient(45deg, #303f9f, #7b1fa2) !important;
}
.gradient-45deg-indigo-purple.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(123, 31, 162, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(123, 31, 162, .5) !important;
}

.gradient-45deg-deep-purple-blue
{
      background: #6200ea;
      background: -webkit-linear-gradient(45deg, #6200ea, #1976d2) !important;
      background: -moz- oldlinear-gradient(45deg, #6200ea, #1976d2) !important;
      background:      -o-linear-gradient(45deg, #6200ea, #1976d2) !important;
      background:         linear-gradient(45deg, #6200ea, #1976d2) !important;
}
.gradient-45deg-deep-purple-blue.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(25, 118, 210, .5) !important;
}

.gradient-45deg-deep-orange-orange
{
      background: #bf360c;
      background: -webkit-linear-gradient(45deg, #bf360c, #f57c00) !important;
      background: -moz- oldlinear-gradient(45deg, #bf360c, #f57c00) !important;
      background:      -o-linear-gradient(45deg, #bf360c, #f57c00) !important;
      background:         linear-gradient(45deg, #bf360c, #f57c00) !important;
}
.gradient-45deg-deep-orange-orange.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(245, 124, 0, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(245, 124, 0, .5) !important;
}

.gradient-45deg-light-blue-cyan
{
      background: #0288d1;
      background: -webkit-linear-gradient(45deg, #0288d1, #26c6da) !important;
      background: -moz- oldlinear-gradient(45deg, #0288d1, #26c6da) !important;
      background:      -o-linear-gradient(45deg, #0288d1, #26c6da) !important;
      background:         linear-gradient(45deg, #0288d1, #26c6da) !important;
}
.gradient-45deg-light-blue-cyan.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(38, 198, 218, .5) !important;
}

.gradient-45deg-blue-indigo
{
      background: #2962ff;
      background: -webkit-linear-gradient(45deg, #2962ff, #3949ab) !important;
      background: -moz- oldlinear-gradient(45deg, #2962ff, #3949ab) !important;
      background:      -o-linear-gradient(45deg, #2962ff, #3949ab) !important;
      background:         linear-gradient(45deg, #2962ff, #3949ab) !important;
}
.gradient-45deg-blue-indigo.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(57, 73, 171, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(57, 73, 171, .5) !important;
}

.gradient-45deg-semi-dark
{
      background: #00aeff;
      background: -webkit-gradient(linear, right top, left top, from(#00aeff), to(#3369e6)) !important;
      background: -webkit-linear-gradient(right, #00aeff, #3369e6) !important;
      background: -moz- oldlinear-gradient(right, #00aeff, #3369e6) !important;
      background:      -o-linear-gradient(right, #00aeff, #3369e6) !important;
      background:         linear-gradient(-90deg, #00aeff, #3369e6) !important;
}
.gradient-45deg-semi-dark.gradient-shadow
{
    -webkit-box-shadow: 0 6px 20px 0 rgba(51, 105, 230, .5) !important;
            box-shadow: 0 6px 20px 0 rgba(51, 105, 230, .5) !important;
}

.black-overlay  { position: relative;background:posiiton: center center;}
.black-overlay .card-content { z-index:2;position: relative; }
.black-overlay::before
{
    background-color: rgba(0, 0, 0, .42) !important;
	position: absolute; left:0; top:0; content:'';width: 100%;height:100%;
	z-index:1;
}
.parallax { z-index: 0!important;}

/* Tell Quill not to scroll */
#editor {
  height: calc(100% - 42px);
  min-height: calc(100% - 42px);
  padding: 0px;
}
#editor .ql-editor {
  font-size: 15px;
  overflow-y: visible; 
}

/* Specify our own scrolling container */
#scrolling-container {
  height: 240px;
  min-height: 160px;
  overflow-y: auto;
}


.card-content .stepper {
   min-height: 558px!important;
   height: auto;
   margin: 0 auto!important;
   padding: 0!important;
}

.card-content .step-content{ margin: 10px auto!important;}

label:not(.switch label):not(label.checkbox):not(label.radio)  { pointer-events: none;}
.switch { min-height: 3em!important;}

@media only screen and (max-width: 993px)  {
	ul.stepper .step.active::after { display: none!important;}
}

.stepper .step.active .step-title  { background: none; font-weight: 700;}

.overlay {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
}


.dulled { border-radius: 5px!important;}
.btn:not(#bg .btn):not(#fg .btn):not(.send), .btn-large, .btn-small, .btn-flat { height: auto!important;}

.price-badge { border: 5px solid orange; text-align:center; width: 110px; height: 110px; position: absolute; bottom: 25px; left: 25px; padding-top: 15px }
.price-badge .price { font-size: 20px; font-weight: 700;margin-top:20px;}
.price-badge .rate { font-size: 17px; font-weight: 700; line-height: 1.2em;}
.availablity {position: absolute; bottom: 25px; left: 150px; text-transform:uppercase; }
.price-controls { margin: auto;}
.price-controls span { line-height: 70px;display: inline-block;}
.price-controls span:first-child ,.price-controls span:last-child { cursor: pointer;}
.qty { width: 70px; height: 70px; text-align: center; line-height: 70px; display: inline-block; margin: auto 20px;}

.faq-search-image {margin: 0!important;}

.indicators li { width: 25px!important; height: 25px!important;}

#ecommerce-products .card-badge {
    line-height: 2em;
    position: absolute;
    top: 2rem!important;
    right: -8rem!important;
    display: block;
    width: 24rem!important;
    height: 2em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    text-indent: 0.8em;
	text-transform: capitalize;
    background: #8e24aa;
    background: -webkit-linear-gradient(45deg, #8e24aa 0%, #ff6e40 100%);
    background: linear-gradient(45deg, #8e24aa 0%, #ff6e40 100%);
    text-align: center;
	z-index:1;
}

/* Border Radius */
.border-radius-1
{
    border-radius: 1px !important;
}

.border-radius-2
{
    border-radius: 2px !important;
}

.border-radius-3
{
    border-radius: 3px !important;
}

.border-radius-4
{
    border-radius: 4px !important;
}

.border-radius-5
{
    border-radius: 5px !important;
}

.border-radius-6
{
    border-radius: 6px !important;
}

.border-radius-7
{
    border-radius: 7px !important;
}

.border-radius-8
{
    border-radius: 8px !important;
}

.border-radius-9
{
    border-radius: 9px !important;
}

.border-radius-10
{
    border-radius: 10px !important;
}

.border-round
{
    border-radius: 150px !important;
}

/* Vertical Align */
.vertical-align-center
{
    position: absolute;
    top: 50%;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.vertical-align-bottom
{
    vertical-align: bottom;
}

.vertical-align-super
{
    vertical-align: super;
}

.vertical-text-top
{
    vertical-align: text-top !important;
}

.vertical-text-sub
{
    vertical-align: sub;
}

.vertical-text-middle
{
    vertical-align: middle;
}

.height-100vh
{
    height: 100vh;
}



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

/* Margin Top */
.mt-0
{
    margin-top: 0 !important;
}

.mt-1
{
    margin-top: 1% !important;
}

.mt-2
{
    margin-top: 2% !important;
}

.mt-3
{
    margin-top: 3% !important;
}

.mt-4
{
    margin-top: 4% !important;
}

.mt-5
{
    margin-top: 5% !important;
}

.mt-6
{
    margin-top: 6% !important;
}

.mt-7
{
    margin-top: 7% !important;
}

.mt-8
{
    margin-top: 8% !important;
}

.mt-9
{
    margin-top: 9% !important;
}

.mt-10
{
    margin-top: 10% !important;
}

/* Margin Right */
.mr-0
{
    margin-right: 0 !important;
}

.mr-1
{
    margin-right: 1% !important;
}

.mr-2
{
    margin-right: 2% !important;
}

.mr-3
{
    margin-right: 3% !important;
}

.mr-4
{
    margin-right: 4% !important;
}

.mr-5
{
    margin-right: 5% !important;
}

.mr-6
{
    margin-right: 6% !important;
}

.mr-7
{
    margin-right: 7% !important;
}

.mr-8
{
    margin-right: 8% !important;
}

.mr-9
{
    margin-right: 9% !important;
}

.mr-10
{
    margin-right: 10% !important;
}

/* Margin Left */
.ml-0
{
    margin-left: 0 !important;
}

.ml-1
{
    margin-left: 1% !important;
}

.ml-2
{
    margin-left: 2% !important;
}

.ml-3
{
    margin-left: 3% !important;
}

.ml-4
{
    margin-left: 4% !important;
}

.ml-5
{
    margin-left: 5% !important;
}

.ml-6
{
    margin-left: 6% !important;
}

.ml-7
{
    margin-left: 7% !important;
}

.ml-8
{
    margin-left: 8% !important;
}

.ml-9
{
    margin-left: 9% !important;
}

.ml-10
{
    margin-left: 10% !important;
}

/* Margin Bottom */
.mb-0
{
    margin-bottom: 0 !important;
}

.mb-1
{
    margin-bottom: 1% !important;
}

.mb-2
{
    margin-bottom: 2% !important;
}

.mb-3
{
    margin-bottom: 3% !important;
}

.mb-4
{
    margin-bottom: 4% !important;
}

.mb-5
{
    margin-bottom: 5% !important;
}

.mb-6
{
    margin-bottom: 6% !important;
}

.mb-7
{
    margin-bottom: 7% !important;
}

.mb-8
{
    margin-bottom: 8% !important;
}

.mb-9
{
    margin-bottom: 9% !important;
}

.mb-10
{
    margin-bottom: 10% !important;
}

/* Padding All */
.padding-1
{
    padding: 1% !important;
}

.padding-2
{
    padding: 2% !important;
}

.padding-3
{
    padding: 3% !important;
}

.padding-4
{
    padding: 4% !important;
}

.padding-5
{
    padding: 5% !important;
}

.padding-6
{
    padding: 6% !important;
}

.padding-7
{
    padding: 7% !important;
}

.padding-8
{
    padding: 8% !important;
}

.padding-9
{
    padding: 9% !important;
}

.padding-10
{
    padding: 10% !important;
}

.p-0
{
    padding: 0 !important;
}

/* Padding Top */
.pt-0
{
    padding-top: 0 !important;
}

.pt-1
{
    padding-top: 1% !important;
}

.pt-2
{
    padding-top: 2% !important;
}

.pt-3
{
    padding-top: 3% !important;
}

.pt-4
{
    padding-top: 4% !important;
}

.pt-5
{
    padding-top: 5% !important;
}

.pt-6
{
    padding-top: 6% !important;
}

.pt-7
{
    padding-top: 7% !important;
}

.pt-8
{
    padding-top: 8% !important;
}

.pt-9
{
    padding-top: 9% !important;
}

.pt-10
{
    padding-top: 10% !important;
}

/* Padding Right */
.pr-0
{
    padding-right: 0 !important;
}

.pr-1
{
    padding-right: 1% !important;
}

.pr-2
{
    padding-right: 2% !important;
}

.pr-3
{
    padding-right: 3% !important;
}

.pr-4
{
    padding-right: 4% !important;
}

.pr-5
{
    padding-right: 5% !important;
}

.pr-6
{
    padding-right: 6% !important;
}

.pr-7
{
    padding-right: 7% !important;
}

.pr-8
{
    padding-right: 8% !important;
}

.pr-9
{
    padding-right: 9% !important;
}

.pr-10
{
    padding-right: 10% !important;
}

/* Padding Right */
.pl-0
{
    padding-left: 0 !important;
}

.pl-1
{
    padding-left: 1% !important;
}

.pl-2
{
    padding-left: 2% !important;
}

.pl-3
{
    padding-left: 3% !important;
}

.pl-4
{
    padding-left: 4% !important;
}

.pl-5
{
    padding-left: 5% !important;
}

.pl-6
{
    padding-left: 6% !important;
}

.pl-7
{
    padding-left: 7% !important;
}

.pl-8
{
    padding-left: 8% !important;
}

.pl-9
{
    padding-left: 9% !important;
}

.pl-10
{
    padding-left: 10% !important;
}

/* Padding Bottom */
.pb-0
{
    padding-bottom: 0 !important;
}

.pb-1
{
    padding-bottom: 1% !important;
}

.pb-2
{
    padding-bottom: 2% !important;
}

.pb-3
{
    padding-bottom: 3% !important;
}

.pb-4
{
    padding-bottom: 4% !important;
}

.pb-5
{
    padding-bottom: 5% !important;
}

.pb-6
{
    padding-bottom: 6% !important;
}

.pb-7
{
    padding-bottom: 7% !important;
}

.pb-8
{
    padding-bottom: 8% !important;
}

.pb-9
{
    padding-bottom: 9% !important;
}

.pb-10
{
    padding-bottom: 10% !important;
}


.strikeout {
    text-decoration: line-through;
}

/* Messages */

#messages
{
    position: relative;
}

#messages .header-search-input
{
    width: 86%;
    height: 2.8rem;
    margin: 1rem;
    padding-left: 1rem;

    border: none;
    border-radius: 2rem;
    background-color: #eee;
}

#messages .collection .collection-item
{
    border: none;
}

#messages .collection ul.collection
{
    border: none;
}

#messages .collection ul.collection li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding-top: 1.2rem;

    cursor: pointer;
}

#messages .collection ul.collection li .user-content
{
    margin-top: .4em;
    margin-left: 1rem;
}

#messages .collection ul.collection li .secondary-content
{
    top: 1.6rem;

    color: #c5cae9;
}

#messages .collection ul.collection li:hover
{
    background-color: #f5f5f5;
}

/*----------------------------------------
	Avatar
------------------------------------------*/
.avatar-status
{
    line-height: 50px;

    position: relative;

    display: inline-block;

    width: 28px;

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

    border-radius: 50px;
}

.avatar-status i
{
    position: absolute;
    right: -2px;
    bottom: 18px;

    width: 9px !important;
    height: 9px !important;

    border: 1px solid #fff;
    border-radius: 100%;
}

.avatar-status span.text-circle
{
    font-size: 1.2rem;

    display: table-cell;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    background: #fafafa;
}

.avatar-status img
{
    width: 100%;
    max-width: 100%;
    height: auto;

    border: 0 none;
    border-radius: 1000px;
    background: #e6e6e6;
}

.avatar-online i
{
    background-color: #00e676;
}

.avatar-off i
{
    background-color: #bdbdbd;
}

.avatar-busy i
{
    background-color: #ff1744;
}

.avatar-away i
{
    background-color: #ffc400;
}

.avatar-status.avatar-100
{
    width: 100px;
}

.avatar-status.avatar-100 span.text-circle
{
    width: 100px;
    height: 100px;
}

.avatar-status.avatar-100 i
{
    width: 20px;
    height: 20px;
}

.avatar-status.avatar-50
{
    line-height: 0;

    width: 50px;
}

.avatar-status.avatar-50 span.text-circle
{
    width: 50px;
    height: 50px;
}

.avatar-status.avatar-50 i
{
    right: -1px;
    bottom: 21px;

    width: 12px !important;
    height: 12px !important;
}

.avatar-status.avatar-lg
{
    width: 144px;
}

.avatar-status.avatar-lg span.text-circle
{
    width: 144px;
    height: 144px;
}

.avatar-status.avatar-lg i
{
    right: 0;
    bottom: 0;

    width: 20px;
    height: 20px;
}

.avatar-status.avatar-md
{
    width: 40px;
}

.avatar-status.avatar-md span.text-circle
{
    width: 40px;
    height: 40px;
}

.avatar-status.avatar-md i
{
    right: 0;
    bottom: 0;

    width: 10px;
    height: 10px;
}

.avatar-status.avatar-sm
{
    width: 32px;
}

.avatar-status.avatar-sm span.text-circle
{
    width: 32px;
    height: 32px;
}

.avatar-status.avatar-sm i
{
    width: 8px;
    height: 8px;
}

.avatar-status.avatar-xs
{
    width: 24px;
}

.avatar-status.avatar-xs span.text-circle
{
    width: 24px;
    height: 24px;
}

.avatar-status.avatar-xs i
{
    width: 7px;
    height: 7px;
}

.collection .collection-item.avatar:not(.circle-clipper) > .circle
{
    background: #e6e6e6;
}

.border-none {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.profile-btn:not(:last-child) { border-right: 1px solid #555!important;}
.profile-btn a:hover {background: #333!important ; color: #fff!important;}
.profile-btn a.active {background: #333!important ; color: #fff!important;}
.tabs .indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    background-color: #ffeb3b!important;
    will-change: left, right;
}


i.material-icons {
    cursor: pointer;
    vertical-align: middle!important;
}

#mini-cart {
    display: block;
    position: absolute;
    background: #f4f4f4;
    right: 10px;
    top: 60px;
    z-index: 900;
    box-shadow: 0px 4px 12px rgb(0 0 0 / 30%);
}

#mini-cart td, #mini-cart th{ font-size: 12px;}
#mini-cart .headings { font-weight: 700; color: #000;}
#mini-cart .headings th { background: #EA0;}
#mini-cart .basketitems { color: #555}
#mini-cart .checkoutlink { display: inline-block;
    padding: 10px 20px;
    background: #000;
    color: #eee;
    border-radius: 3px;
	white-space: nowrap;
	cursor: pointer;
}
#mini-cart .checkoutlink:hover { background: #f9a825; color: #000;}

[type='checkbox'] + span:not(.lever) {
    font-size: 1rem;
    line-height: 25px;
    position: relative;
    display: inline-block;
    height: 25px;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto!important;
}
[type='radio'] + span:not(.lever) {
    font-size: 1rem;
    line-height: 25px;
    position: relative;
    display: inline-block;
    height: 25px;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: auto!important;
}

a.chip:hover {
    opacity: 0.8; cursor: pointer;
}

.profile-card .card-profile-image {
    position: absolute;
    z-index: 0;
    top: 20px;right: calc(50% + 20px);
    width: 70px;
    cursor: pointer;
	pointer-events: none;
}

.profile-card .card-profile-image {
    position: absolute;
    z-index: 0;
    top: 20px;right: calc(50% + 20px);
    width: 70px;
    cursor: pointer;
	pointer-events: none;
}


.profile-card { overflow: hidden;}

.card.horizontal .card-action {
    display: block;
    position: absolute;
    width: 50%;
    bottom: 0;
    right: 0;
	z-index:1;
}

a { cursor: pointer;}
.underline, .link { text-decoration: underline;}

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

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

    position: relative;
    top: -1px;

    vertical-align: middle;
}

.card-alert .alert-circle
{
    position: relative;
    top: 0;
    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;
}

.closeable.card-content {
	padding-right: 40px;
}

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

    margin: 0;
}
.border-1 { border: solid 1px #000;}
.border-2 { border: solid 2px #000;}
.border-3 { border: solid 3px #000;}
.border-4 { border: solid 4px #000;}
.border-5 { border: solid 5px #000;}

.justify-space-around { justify-content: space-around;}

.profile-bar {
    position: fixed;
    z-index: 997;
    top: 0;
	right: 0;
    margin-bottom: 0;    
}

.address label { font-size: 1.0em; display: none;}


@media only screen and (max-width: 993px) {
	.card.horizontal .card-image {
		max-width: 100%;
	}
	.card.horizontal { display: block;}
	.card.horizontal .card-action { width: 100%; position:static}
	.left-align-mobile { text-align: left;}
	
	.profile-card .card-profile-image {
		left: calc(100% - 90px);
	}
	
	.column-reverse-mobile { flex-direction: column-reverse;}
	
	.profile-bar {
		position: static;
    }

	.profile-name {
	text-overflow: ellipsis;
    max-width: 115px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
	}
	
	#preview_cart .headings { display: none;}
	#preview_cart .basketitem { display: grid; grid-template-columns: 50% 50%;}
	
	#preview_cart .unit_price {
		text-align: center;
	}
	
	#preview_cart .line_total.item_subtotal {
		grid-column-start: 1;
		grid-column-end: 3;
		text-align: center;
	}
	#preview_cart .item_quantity {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	
	.stack {
		display: block;
		width: 100%;
	}
	
	.chat-application .app-chat .chat-content {
		sdisplay: flex;
	}
	
	.mobilemode .chat-application .app-chat .chat-content {
		display: block; 
	}	
	.mobilemode .chat-application .sidebar-header {
		background: #f4f4f4;
	}
	
	.mobilemode .chat-application .sidebar-left {
		position: fixed;
		top: 120px;
		left: 0;
		width: 100%;
		background: #fff;
		height: calc(100vh - 175px);
		z-index: 500;
	}
	
	.mobilemode .chat-application .app-chat .chat-content .sidebar .sidebar-chat {
		height: calc(100% - 137px)!important;
	}
	
	
	.mobilemode .chat-footer {
		position: fixed;
		bottom: 54px;
		left: 0;
		z-index: 101;
		background: #000;
		width: 100%;
		margin: 0!important;
		padding: 10px!important;
		border-top: 2px solid #000;		
	}
	
	.mobilemode .chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input {
		align-items: center;
	}
	.mobilemode .chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input .message {
		margin-bottom: 0;
	}
	
	.mobilemode .chat-content-area.animate.fadeUp {
		position: fixed;
		left: 0;
		top: 120px;
		width: 100%;
		height: calc(100% - 174px);
		z-index: 501;
		background: #f4f4f4;
	}
	
	.mobilemode .chat-application .app-chat .chat-content .chat-content-area .chat-header .option-icon i {
		cursor: pointer;
		color: #000!important;
	}
	
	.mobilemode .chat-header {
		background: #fff !important;
		color: #fff;
	}
	.mobilemode .chat-header p.m-0.blue-grey-text.text-darken-4.font-weight-700 {
		color: #000!important;
		font-weight: 800;
	}
	.mobilemode .chat-application .app-chat .chat-content .chat-content-area .chat-header .chat-text {
		font-size: .85rem;
		color: #333;
	}
	.mobilemode .chat-application .app-chat .chat-content .chat-content-area .chat-footer .chat-input { 
		margin: 0;
	}
	
	#logo-container img { height: auto!important}
	
}




.card-reveal {     height: calc(100% + 10px)!important;}

#ecommerce-products .card-badge.left {
    line-height: 2em;
    position: absolute;
    top: 3rem!important;
    left: -8.5rem!important;
    display: block;
    width: 25rem;
    height: 2em;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(-45deg);
    text-indent: 0.8em;
    background: #4caf50;
	
    background: -webkit-linear-gradient(45deg, #4caf50 0%, #15a30c 100%);
    background: linear-gradient(45deg, #4caf50 0%, #15a30c 100%);
}

#ecommerce-products .card-badge.unavailable {
    background: #8e24aa;
    background: -webkit-linear-gradient(45deg, #8e24aa 0%, #ff6e40 100%);
    background: linear-gradient(45deg, #8e24aa 0%, #ff6e40 100%);
}

.chat-application .chat-content-head {
    position: relative;
    top: 0!important; 
    height: auto!important; 
}

.chat-application .app-chat .chat-content .sidebar .sidebar-chat {
    height: calc(63vh - 140px);
    overflow-y: scroll!important;
}

.chat-header .delete:hover { color: #c00!important;}
.chat-header .return:hover { color: #0c0!important;}

.chat-application .app-chat .chat-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: 63vh;
	overflow:hidden;
}
.chat-application .app-chat .chat-content .chat-content-area .chat-area {
    position: relative;
    overflow-y: scroll;
    height: calc(100% - 152px)!important;
    padding: 1rem;
}

.chat-application .app-chat .content-area.content-right {
    overflow: hidden;
}

.chat-application .app-chat .chat-content .sidebar .sidebar-chat .chat-list .chat-user {
    border-top: 1px solid #f4f4f4;
}

/* rating starts css start
animation
*/

@-webkit-keyframes loader {
  0% {
    width: 0;
  }
  10% {
    width: 10%;
  }
  20% {
    width: 20%;
  }
  30% {
    width: 30%;
  }
  40% {
    width: 40%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 60%;
  }
  70% {
    width: 70%;
  }
  80% {
    width: 80%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}

@-moz-keyframes loader {
  0% {
    width: 0;
  }
  10% {
    width: 10%;
  }
  20% {
    width: 20%;
  }
  30% {
    width: 30%;
  }
  40% {
    width: 40%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 60%;
  }
  70% {
    width: 70%;
  }
  80% {
    width: 80%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes loader {
  0% {
    width: 0;
  }
  10% {
    width: 10%;
  }
  20% {
    width: 20%;
  }
  30% {
    width: 30%;
  }
  40% {
    width: 40%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 60%;
  }
  70% {
    width: 70%;
  }
  80% {
    width: 80%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes loader {
  0% {
    width: 0;
  }
  10% {
    width: 10%;
  }
  20% {
    width: 20%;
  }
  30% {
    width: 30%;
  }
  40% {
    width: 40%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 60%;
  }
  70% {
    width: 70%;
  }
  80% {
    width: 80%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}
@keyframes loader {
  0% {
    width: 0;
  }
  10% {
    width: 10%;
  }
  20% {
    width: 20%;
  }
  30% {
    width: 30%;
  }
  40% {
    width: 40%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 60%;
  }
  70% {
    width: 70%;
  }
  80% {
    width: 80%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}


.score{
    color: rgb(51, 51, 51);
    height: 64px;
    text-align: center;
    text-decoration: none solid rgb(51, 51, 51);
    text-rendering: optimizelegibility;
    white-space: nowrap;
    word-break: break-word;
    border: 0px none rgb(51, 51, 51);
    font: normal normal 100 64px/64px Roboto, Arial, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}

.archived { opacity: 0.3;}

.bottom-profile-bar {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    Z-INDEX: 900;
}
.background-round {
    padding: 15px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .18);
}

.review-copy {
    height: 43px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    /* width: 100%; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

ul.stepper .step::after { background: none;}

.modalbox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  transition: transform 300ms ease;
  position: fixed;
  top:0; left:0;
  z-index:2000;
}

.modalcontent {
	padding: 24px;
	height: calc(100% - 100px);
	overflow-y: scroll;
}

.modalbtn {
  color: #fff;
  font-weight: bold;
  width: 180px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: all 150ms ease-out;
}

.btn-open {
  background-color: #fd9d08;
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5), 0 0 0 rgba(0, 0, 0, 0.3) inset;
}

.btn-open:active, .btn-open:focus {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5), 0 4px 8px rgba(0, 0, 0, 0.3) inset;
  transform: translateY(7px);
}

.nav-opener {
  display: none;
}

.nav-opener:checked + .modalbox {
  transform: scale(1);
}

.nav-header {
  background-color: #323232;
  display: flex;
  justify-content: space-between;
  width: 100%;height: 50px;
  top:0; left:0;
}

.nav-footer {
  background-color: #323232;
  display: flex;
  justify-content: space-around;
  position: fixed;
  bottom: 0; left: 0; width: 100%;height: 50px;
}


.nav-title {
  color: #fd9d08;
  font-weight: bold;
  height: 50px;
  margin-left: 20px;
  display: flex;
  align-items: center;
}

.btn-nav {
  background-color: rgba(0, 0, 0, 0.35);
}

.btn-nav:active, .btn-nav:focus {
  background-color: rgba(0, 0, 0, 0.7);
}

.btn-nav svg {
  margin-right: 5px;
  display: block;
}

.btn-nav svg path {
  fill: #ef2424;
}

.nav-link-opener {
  display: none;
}

.dropify-wrapper .dropify-message { 
    position: relative;
    top: unset!important;
    -webkit-transform: unset!important;
    transform: unset!important;
}
.dropify-wrapper,
.dropify-wrapper.touch-fallback {    
    align-content: center;
    display: grid!important;
    justify-content: center;
    place-items: center;
}

.iconify-icon {
    vertical-align: middle;
    cursor: pointer;
    margin-top: 8px;
}

#delivery_summary { display: none;}

.mini-cart tr,
.mini-cart td { white-space: normal!important; vertical-align: top!important; padding-top: 10px!important; border-bottom: none!important;}

.address.card { display: inline-block; margin: 2%;}

@media screen and (max-height:890px){
	.sweet-alert.showSweetAlert.visible {
		height: auto;		
		overflow: auto;
	}
	ul.stepper .step .step-content {
		margin-left: 0!important; 
		margin-right: 0!important; 
	}
}
/* correct weird use of float */

nav ul a {
    font-size: 1rem;
    display: block;
    padding: 0 10px;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    color: #fff;
}

nav {
  
    height: auto
    
}
nav ul.left {
    float: none!important;
}

nav .nav-wrapper {
    position: relative;
	height: auto;
}
nav ul li {
    display: inline-flex;
    padding: 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
	float: none!important;
}

#weborders td { white-space: normal;}

header .message {
    display: inline-block;
    
    text-align: right;
    font-weight: 900;
    color: #900;
    white-space: normal;
	vertical-align: middle;
	font-size: 22px;
}

@media only screen and (max-width: 993px) {
	.center-mobile {
		text-align: center!important;
		justify-content: center!important;
	}
}

img.header-logo {
    height: 70px;
}
.input-field .helper-text::after
{
    position: absolute;
    top: 0;
    right: 0!important;
	left: unset;
    opacity: 1;
}