/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 4.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

ul.side-nav.leftside-navigation li:not(.no-padding).user-details {
	background: url('7.png') no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 15px;
	padding: 15px 0 0 15px;
}

.nav-wrapper,.page-footer {
	background: #134E5E;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #71B280, #134E5E);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #71B280, #134E5E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

ul.list-standard {
	display: block;
	list-style-type: disc;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

ol.list-star, ol.list-star-main {
	list-style: none;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

ol.list-star > li:before, ol.list-star-main > li:before {
	content: '\2605';
	display: block;
	float: left;
	width: 1.2em;
	color: #ff0000;
}

ol.list-star-sub {
	list-style: none;
	padding-left: 1.2em;
	text-indent: -1.2em;
}

ol.list-star-sub > li:before {
	content: '\2606';
	display: block;
	float: left;
	width: 1.2em;
	color: #ff0000;
}

blockquote {
	margin: 20px 0;
	padding-left: 1.5rem;
	border-left: 5px solid #004d40;
}

.logo-gradient {
	background: 0; /* old browser and ie*/
	background: -webkit-linear-gradient(45deg, #ffefc6 0%, #a0c89f 100%); /* edge firefox chrome */
	 /* not working on galaxy s3 and other older devices */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-left {
	text-align:left;
}




.plans-container .collection .collection-item-azure:before {
	color: rgb(0, 189, 223);
}

.plans-container .collection .collection-item-pink:before {
	color: pink;
}

.plans-container .collection .collection-item-blue:before {
color: blue;
}

.plans-container .collection .collection-item-red:before {
color: red;
}

.plans-container .collection .collection-item-orange:before {
color: orange;
}

.plans-container .collection .collection-item-darkcyan:before {
color: darkcyan;
}

.plans-container .collection .collection-item-darkorange:before {
color: darkorange;
}

.plans-container .collection .collection-item-darksalmon:before {
color: darksalmon;
}

#real-content > p > a {
	color: #600202;
}

/* DARK MODE COPIED FROM DARK READER */
a {
	color: rgb(69, 235, 255);
	-webkit-tap-highlight-color: transparent;
	background-color: transparent;
}

code:not(.hljs) {
	box-shadow: inset 0px 0px 400px 110px rgba(0, 0, 0, .3);
}

#real-content > p > a {
	color: rgb(69, 235, 255);
}

body.layout-dark {
    background-color: rgb(63, 69, 71);
}

body.layout-dark #main .side-nav li > a, body.layout-dark #main .side-nav li .more-text {
    color: rgb(232, 230, 227) !important;
}

body.layout-dark .picker__select--year.browser-default, body.layout-dark .picker__select--month.browser-default, body.layout-dark .tap-target-wave::before, .tap-target-wave::after, body.layout-dark .carousel .indicators .indicator-item.active, body.layout-dark .input-field input[type="search"]:focus, body.layout-dark .side-nav, body.layout-dark .card .card-reveal, body.layout-dark .tabs.tabs-transparent .indicator, body.layout-dark .dropdown-content, body.layout-dark .side-nav .collapsible-body, body.layout-dark .side-nav.fixed .collapsible-body, body.layout-dark .collection .collection-item, body.layout-dark .collection.with-header .collection-header, body.layout-dark .card-panel, body.layout-dark .card {
    background-color: rgb(43, 47, 49);
}

.collection .collection-item {
    /* background-color: rgb(24, 26, 27); */
    border-bottom-color: rgb(57, 61, 64);
}

body.layout-dark #main .side-nav {
    background-image: initial;
    background-color: rgb(44, 57, 63);
}

html, body {
    border-color: #736b5e;
    color: #e8e6e3;
}

html {
    color-scheme: dark !important;
}

:root {
    --darkreader-neutral-background: #181a1b;
    --darkreader-neutral-text: #e8e6e3;
    --darkreader-selection-background: #004daa;
    --darkreader-selection-text: #e8e6e3;
}

.divider {
    background-color: rgb(42, 45, 47);
}

::selection {
    background-color: #004daa !important;
    color: #e8e6e3 !important;
}

table, th, td {
    border-width: initial;
    border-style: none;
    border-color: initial;
}

thead {
    border-bottom-color: rgb(61, 66, 69);
}

body.layout-dark table.striped > tbody > tr:nth-child(2n+1), body.layout-dark table.responsive-table > tbody > tr:nth-child(2n+1) {
    background-color: rgb(43, 47, 49);
}

.gradient-45deg-amber-amber {
    background-image: linear-gradient(45deg, rgb(204, 89, 0) 0%, rgb(135, 102, 0) 100%);
    background-color: initial;
}

body.layout-dark table.striped > tbody > tr:nth-child(2n), body.layout-dark table.responsive-table > tbody > tr:nth-child(2n) {
    background-color: rgb(53, 57, 59);
}

table.bordered > thead > tr, table.bordered > tbody > tr {
    border-bottom-color: rgb(61, 66, 69);
}

body.layout-dark .page-footer {
    color: rgb(232, 230, 227);
    background-image: initial;
    background-color: rgb(44, 57, 63);
    border-top-color: rgb(61, 66, 68) !important;
}

.collection {
    border-color: rgb(57, 61, 64);
}

.white-text {
    color: rgb(232, 230, 227) !important;
}

.collection .collection-item {
    border-bottom-color: rgb(120, 111, 99);
}

.red {
    background-color: rgb(169, 20, 9) !important;
}

.red.accent-2 {
    background-color: rgb(155, 0, 0) !important;
}

.btn.disabled, .disabled.btn-large, .btn-floating.disabled, .btn-large.disabled, .btn-flat.disabled, .btn:disabled, .btn-large:disabled, .btn-floating:disabled, .btn-large:disabled, .btn-flat:disabled, .btn[disabled], [disabled].btn-large, .btn-floating[disabled], .btn-large[disabled], .btn-flat[disabled] {
    box-shadow: none;
    background-color: rgb(42, 46, 47) !important;
    color: rgb(171, 164, 153) !important;
}

.orange.darken-4 {
    background-color: rgb(184, 65, 0) !important;
}

.red.darken-4 {
    background-color: rgb(146, 22, 22) !important;
}

/* accordion */
.gradient-45deg-orange-amber {
    background-image: linear-gradient(45deg, rgb(184, 65, 0) 0%, rgb(204, 128, 0) 100%);
    background-color: initial;
}

.collapsible {
    border-top-color: rgb(58, 62, 65);
    border-right-color: rgb(58, 62, 65);
    border-left-color: rgb(58, 62, 65);
}

.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-floating, .dropdown-content, .collapsible, .side-nav {
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px, rgba(0, 0, 0, 0.2) 0px 3px 1px -2px;
}

.collapsible-body {
    border-bottom-color: rgb(58, 62, 65);
}

.collapsible-header {
    -webkit-tap-highlight-color: transparent;
    background-color: rgb(24, 26, 27);
    border-bottom-color: rgb(58, 62, 65) !important;
}

.collapsible-header {
    -webkit-tap-highlight-color: transparent;
    background-color: rgb(19, 21, 22);
    border-bottom-color: rgb(120, 111, 98) !important;
}

.orange.lighten-5 {
    background-color: rgb(70, 43, 0) !important;
}

.purple.lighten-4 {
    background-color: rgb(69, 28, 76) !important;
}

.purple.lighten-5 {
    background-color: rgb(48, 20, 52) !important;
}

.blue.lighten-4 {
    background-color: rgb(44, 48, 50) !important;
}

.cyan.lighten-5 {
    background-color: rgb(10, 56, 63) !important;
}

.pink.lighten-4 {
    background-color: rgb(87, 9, 36) !important;
}

.red.lighten-5 {
    background-color: rgb(63, 0, 9) !important;
}

.gradient-45deg-green-teal {
    background-image: linear-gradient(45deg, rgb(54, 128, 57) 0%, rgb(18, 182, 151) 100%);
    background-color: initial;
}

.teal.lighten-5 {
    background-color: rgb(23, 55, 53) !important;
}

body.layout-dark .picker__select--year.browser-default, body.layout-dark .picker__select--month.browser-default, body.layout-dark .tap-target-wave::before, .tap-target-wave::after, body.layout-dark .carousel .indicators .indicator-item.active, body.layout-dark .input-field input[type="search"]:focus, body.layout-dark .side-nav, body.layout-dark .card .card-reveal, body.layout-dark .tabs.tabs-transparent .indicator, body.layout-dark .dropdown-content, body.layout-dark .side-nav .collapsible-body, body.layout-dark .side-nav.fixed .collapsible-body, body.layout-dark .collection .collection-item, body.layout-dark .collection.with-header .collection-header, body.layout-dark .card-panel, body.layout-dark .card {
    background-color: rgb(35, 38, 39);
}

.gradient-45deg-purple-deep-orange {

    background-image: linear-gradient(45deg, rgb(114, 29, 136) 0%, rgb(166, 40, 0) 100%);
    background-color: initial;
}

.gradient-45deg-purple-amber {
    background-image: linear-gradient(45deg, rgb(170, 0, 199) 0%, rgb(204, 128, 0) 100%);
    background-color: initial;
}

.gradient-45deg-purple-light-blue {
    background-image: linear-gradient(45deg, rgb(141, 3, 165) 0%, rgb(7, 109, 154) 100%);
    background-color: initial;
}

.gradient-45deg-red-pink {
    background-image: linear-gradient(45deg, rgb(155, 0, 0) 0%, rgb(114, 11, 46) 100%);
    background-color: initial;
}

.gradient-45deg-light-blue-cyan {
    background-image: linear-gradient(45deg, rgb(2, 109, 167) 0%, rgb(30, 158, 174) 100%);
    background-color: initial;
}

.gradient-45deg-indigo-purple.gradient-shadow {
    box-shadow: rgba(78, 20, 104, 0.5) 0px 6px 20px 0px;
}

.plans-container .collection .collection-item::before {
    color: rgb(70, 255, 230);
}