body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    overflow-x: hidden;
}

main {
    flex: 1 0 auto;
}
#logo-container img{
    height: 62px;
}
pre {
    overflow: auto;
}
.magento-color{
    background: #F1461E;
}
.magento-color-text{
    color: #F1461E;
}
.padding-5 {
    padding: 5px !important;
}
.margin-5 {
    margin: 5px !important;
}
.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.no-border-radius {
    border-radius: 0 !important;
}
ul.sidenav ul.collapsible-accordion .collapsible-body li a {
    font-weight: 400;
    padding: 0 37.5px 0 45px;
}

ul.sidenav li.search {
    margin-top: -8px;
}
ul.sidenav li.search .search-wrapper {
    color: #777;
    margin-top: -1px;
    border-top: 1px solid rgba(0,0,0,0.14);
    -webkit-transition: margin .25s ease;
    transition: margin .25s ease;
}
ul.sidenav li.search .search-wrapper input#autocomplete-input {
    color: #777;
    display: block;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    height: 62px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 45px 0 30px;
    border: 0;
}

ul.sidenav li.search .search-results {
    margin: 0;
    border-top: 1px solid rgba(0,0,0,0.14);
    background-color: #fff;
}

.nav-wrapper ul.right {
    margin: 0 18px;
}

.content-browser-default h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
.content-browser-default h2 {
    font-size: 1.5em;
}
.content-browser-default h3 {
    font-size: 1.17em;
}
.content-browser-default h4 {
    font-size: initial;
}
.content-browser-default h5 {
    font-size: initial;
}
.content-browser-default h6 {
    font-size: initial;
}
.content-browser-default p {
    margin: 1em 0 !important;
}
.content-browser-default blockquote {
    margin: 15px 40px;
    border-left: 5px solid #444;
}
/* Android Pie Style(ish) */
main nav, main nav .nav-wrapper {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.tabs, .card, .btn, .collection, .card .card-content, .card .card-reveal,
.nav-wrapper .input-field, .nav-wrapper .input-field input[type=search] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.card .card-image img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.card .card-image .card-title {
    background-color: rgba(0,0,0,0.42) !important;
    border-radius: 0 0 0 5px;
}
.card .card-action:last-child, .card .card-content:last-child {
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
/* End Android Pie Style(ish) */

.avatar-status {
    position: relative;
    display: inline-block;
    line-height: 50px;
    width: 28px;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom;
}
.avatar-status img {
    width: 100%;
    max-width: 100%;
    height: auto;
    background: #e6e6e6;
    border: 0 none;
    border-radius: 1000px;
}
.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 i {
    position: absolute;
    right: -2px;
    bottom: 18px;
    width: 9px !important;
    height: 9px !important;
    border: 1px solid #fff;
    border-radius: 100%;
}

img.left {
    float: left;
    margin-right: 15px;
}
img.right {
    float: right;
    margin-left: 15px;
}
.btn-flat .material-img, .btn .material-img {
    margin-top: 6px;
}
.btn-small .material-img {
    margin-top: 4px;
}
.btn-large .material-img {
    margin-top: 15px;
}
.collection a.collection-item {
    color: #3c4043;
}
.collection a.collection-item.dark-hover:hover {
    background-color: rgba(0, 0, 0, 0.3) !important;
}
.collapsible-body.compact {
    padding: 10px 0px;
}
.background-transparent-10 { background-color: rgba(255, 255, 255, 0.1); }
.background-transparent-20 { background-color: rgba(255, 255, 255, 0.2); }
.background-transparent-30 { background-color: rgba(255, 255, 255, 0.3); }
.background-transparent-40 { background-color: rgba(255, 255, 255, 0.4); }
.background-transparent-50 { background-color: rgba(255, 255, 255, 0.5); }
.background-transparent-60 { background-color: rgba(255, 255, 255, 0.6); }
.background-transparent-70 { background-color: rgba(255, 255, 255, 0.7); }
.background-transparent-80 { background-color: rgba(255, 255, 255, 0.8); }
.background-transparent-90 { background-color: rgba(255, 255, 255, 0.9); }
.full-height-and-width {
		width: 100%  !important;
		height: 100% !important;
}
.no-padding-left {
		padding-left: 0 !important;
}
.scrollable-list-parent {
		position: relative;
		overflow: auto;
}
.tabs .tab a {
    color:#9e9e9e;
}
.tabs .tab a.active {
    background-color: rgba(158,158,158, 0.2) !important;
    /*Custom Background Color While Active*/
}
.tabs .tab a.active, .tabs .tab a:hover {
    color:#616161;
}
.tabs .indicator {
    background-color: #616161;
}
.nav-wrapper a.pulse::before {
    z-index:0;
}
img.fit-parent {
    object-fit: cover;
    height: 100%;
    widht: 100%;
}
.strong {
    font-weight: 600;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.preloader-background {
    display: none;
    width: 25%;
    align-items: center;
    justify-content: center;
}
.preloader-background p {
    padding-top:120px;
    margin-left: -60px;
    opacity: 0.8;
}
.open.preloader-background {
    display: flex !important;
}
/*ADD BLINKING TEXT CLASS*/
.blinking {
    animation: blinker 0.5s linear infinite;
}
@keyframes blinker {
    50% { opacity: 0; }
}

.bold-text {
    font-weight: bold !important;
}
.page-footer, .page-footer .footer-copyright {
    color: initial !important;
}

#feedback-modal {
    max-width: 360px;
}
#feedback-modal .modal-title {
    padding: 16px;
    font-size: 20px;
    font-weight: 300;
    display: block;
    line-height: 32px;
}
#feedback-modal .modal-footer {
    border-top: 1px solid rgba(160, 160, 160, 0.2);;
}
.dataTables_wrapper .dt-buttons {
    float: left;
}
#notifications #notifications-list i.material-icons{
    line-height: inherit;
    top: -3px;
    height: initial;
    position: relative;
}
#notifications #notifications-list a{
    padding: 0;
    color: initial;
}
.palatinate {
    background: #72246C;
}
.palatinate-text {
    color: #72246C;
}