#taskmenu a.button-inx_dashboard::before {
	content: "\f00a";
}

.header-title480 {
	display: none;
}
	
@media screen and (max-width: 480px) {

	.task-inx_dashboard #layout {
		overflow: scroll;
		display: block;
		height: 100%;
		width: 100%;
	}
	.header-title1 {
		display: none;
	}
	.header-title480 {
		display: block;
	}
	.header #logo {
		width: 10%;
	}

}

.col-dash {
	padding-left: 0px;
	padding-right: 0px;
}

.dash_myaccount .col-6 {
	font-size: 0.9em;
	color: #616A80;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

html.dark-mode .dash_myaccount .col-6,
html.dark-mode .dash_bullet_small {
	color: #c5d1d3;
}
.dash_myaccount .col-6 a {
	font-size: 0.9em;
	color: #9a9a9a;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


.dash_myaccount {
	padding: 8px 15px 0px !important;
}

.dash_bullet_small {
	border-bottom: 1px dotted var(--main-color);
	color: rgba(25, 27, 39, 0.93);
	font-weight: bold;
}

.device-list {
/*
  width: 100%;
  height: 100%;
*/
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
/*   padding: 20px; */
}
.ui-card {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
/*   width: 300px; */
  height: 360px;
  background: #fff;
  border: 1px solid #dfe5ef;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
/*   margin: 20px; */
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.07);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.07);
/*   cursor: pointer; */
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

html.dark-mode .ui-card {
	background-color: #21292c;
	border: 1px solid #4d6066;
}
html.dark-mode .ui-card .masthead h1 {
	color: #c5d1d3;
}
.ui-card:hover {
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.15);
}
.ui-card .toggle {
  position: absolute;
  top: 10px;
  right: 10px;
}
.ui-card section {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}
.ui-card .content {
  left: 0;
}
.ui-card .toggle i {
  color: #8492a6;
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ui-card.sidebar-open .toggle i {
  color: #324057;
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.ui-card .sidebar {
  left: 100%;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
}
.ui-card.sidebar-open .content {
  left: -10%;
}
.ui-card.sidebar-open .sidebar {
  left: 10%;
  -webkit-box-shadow: 0px 0px 300px 100px rgba(0,0,0,0.7);
  box-shadow: 0px 0px 300px 100px rgba(0,0,0,0.7);
}
.ui-card nav {
  width: 90%;
  padding-top: 40px;
}
.ui-card nav li {
  border-bottom: 1px solid #eff2f7;
  font-weight: 200;
  letter-spacing: 0.05em;
}
.ui-card nav li i {
  display: inline-block;
  width: 30px;
}
.ui-card nav li a {
  display: block;
  padding: 20px;
  padding-left: 30px;
  color: #8492a6;
  border-left: 4px solid transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.ui-card nav li a:hover {
  border-left: 4px solid #20a0ff;
  padding-left: 26px;
  color: #324057;
}
.ui-card .disconnect {
  left: 0px;
}
.ui-card .disconnect,
.ui-card .reauth {
  width: 90%;
  height: 52px;
  text-align: center;
  position: absolute;
  bottom: 0px;
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -ms-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ui-card .btn {
  font-size: 0.8em;
}
.ui-card .btn-disconnect {
  color: #ff4949;
  padding: 10px 30px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.ui-card .btn-disconnect:hover {
  color: #fff;
  background-color: #ff4949;
  border-radius: 6px;
}
.ui-card .reauth {
  padding-top: 20px;
  left: 100%;
}
.ui-card .reauth h3 {
  font-size: 15px;
  margin-bottom: 7px;
  color: #ff4949;
}
.ui-card .reauth input {
  border-radius: 4px;
  border: 1px solid #c2c9d3;
  padding: 5px;
  margin-bottom: 7px;
}
.ui-card .reauth input:focus {
  outline: none;
  border: 2px solid #20a0ff;
  margin-top: -1px;
  margin-bottom: 6px;
}
.ui-card .btn-cancel {
  color: #aebdd7;
}
.ui-card .sidebar.reauth-toggled .disconnect {
  left: -100%;
}
.ui-card .sidebar.reauth-toggled .reauth {
  left: 0px;
}
.ui-card .masthead {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  position: relative;
  margin-top: 70px;
}
.ui-card .masthead h1 {
  height: 100px;
  color: #324057;
  line-height: 32px;
  text-align: center;
  font-weight: 300;
  font-size: 28px;
  letter-spacing: 0.05em;
}
.ui-card .masthead .device-version {
  text-align: center;
  color: #8492a6;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.05em;
}
.ui-card .device-icon {
  text-align: center;
}
.ui-card .device-info {
  width: 100%;
  margin-top: 30px;
  position: absolute;
  bottom: 65px;
}
.ui-card .device-icon i {
  color: #324057;
  font-size: 28px;
}
.ui-card .device-space {
  width: 100%;
  height: 60px;
  text-align: center;
  padding: 0px 14px;
}
.ui-card .device-space small {
  color: #8492a6;
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 300;
/*   letter-spacing: 0.05em; */
/*   padding: 0px 15px; */
}
.ui-card .available-space {
  background: #eff2f7;
  width: 80%;
  margin: 0 auto;
  height: 10px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.ui-card .used-space--photos,
.ui-card .used-space--videos,
.ui-card .used-space--system {
  height: 100%;
  position: absolute;
  border-radius: 20px;
}
.ui-card .used-space--photos {
  width: 70%;
  background: #13ce66;
}
.ui-card .used-space--videos {
  width: 30%;
  background: #f7ba2a;
}
.ui-card .used-space--system {
  background: #9b59b6;
}
.ui-card .device-legend {
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.04em;
  font-weight: 200;
}
.ui-card .device-legend li {
  display: inline-block;
  margin-right: 15px;
  color: #8492a6;
}
.ui-card .device-legend li:last-child {
  margin-right: 0px;
}
.ui-card .device-legend i {
  display: inline-block;
  position: relative;
  top: -1px;
  font-size: 9px;
  margin-right: 3px;
}
.ui-card .device-legend i.system {
  color: #9b59b6;
}
.ui-card .device-legend i.photos {
  color: #13ce66;
}
.ui-card .device-legend i.videos {
  color: #f7ba2a;
}
@-moz-keyframes shake {
  0% {
	-webkit-transform: translateX(7px);
	-moz-transform: translateX(7px);
	-o-transform: translateX(7px);
	-ms-transform: translateX(7px);
	transform: translateX(7px);
  }
  15% {
	-webkit-transform: translateX(-7px);
	-moz-transform: translateX(-7px);
	-o-transform: translateX(-7px);
	-ms-transform: translateX(-7px);
	transform: translateX(-7px);
  }
  30% {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
  }
  45% {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
  }
  60% {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-o-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
  }
  75% {
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
	-o-transform: translateX(-3px);
	-ms-transform: translateX(-3px);
	transform: translateX(-3px);
  }
  100% {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
  }
}
@-webkit-keyframes shake {
  0% {
	-webkit-transform: translateX(7px);
	-moz-transform: translateX(7px);
	-o-transform: translateX(7px);
	-ms-transform: translateX(7px);
	transform: translateX(7px);
  }
  15% {
	-webkit-transform: translateX(-7px);
	-moz-transform: translateX(-7px);
	-o-transform: translateX(-7px);
	-ms-transform: translateX(-7px);
	transform: translateX(-7px);
  }
  30% {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
  }
  45% {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
  }
  60% {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-o-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
  }
  75% {
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
	-o-transform: translateX(-3px);
	-ms-transform: translateX(-3px);
	transform: translateX(-3px);
  }
  100% {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
  }
}
@-o-keyframes shake {
  0% {
	-webkit-transform: translateX(7px);
	-moz-transform: translateX(7px);
	-o-transform: translateX(7px);
	-ms-transform: translateX(7px);
	transform: translateX(7px);
  }
  15% {
	-webkit-transform: translateX(-7px);
	-moz-transform: translateX(-7px);
	-o-transform: translateX(-7px);
	-ms-transform: translateX(-7px);
	transform: translateX(-7px);
  }
  30% {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
  }
  45% {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
  }
  60% {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-o-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
  }
  75% {
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
	-o-transform: translateX(-3px);
	-ms-transform: translateX(-3px);
	transform: translateX(-3px);
  }
  100% {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
  }
}
@keyframes shake {
  0% {
	-webkit-transform: translateX(7px);
	-moz-transform: translateX(7px);
	-o-transform: translateX(7px);
	-ms-transform: translateX(7px);
	transform: translateX(7px);
  }
  15% {
	-webkit-transform: translateX(-7px);
	-moz-transform: translateX(-7px);
	-o-transform: translateX(-7px);
	-ms-transform: translateX(-7px);
	transform: translateX(-7px);
  }
  30% {
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
  }
  45% {
	-webkit-transform: translateX(-5px);
	-moz-transform: translateX(-5px);
	-o-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
  }
  60% {
	-webkit-transform: translateX(3px);
	-moz-transform: translateX(3px);
	-o-transform: translateX(3px);
	-ms-transform: translateX(3px);
	transform: translateX(3px);
  }
  75% {
	-webkit-transform: translateX(-3px);
	-moz-transform: translateX(-3px);
	-o-transform: translateX(-3px);
	-ms-transform: translateX(-3px);
	transform: translateX(-3px);
  }
  100% {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
  }
}



.m-15 {
	margin: 10px 0px 0px 17px;
}

.task-inx_dashboard .iframe-wrapper {
	height: calc(100% - 58px);
}

#content {
	width: 100%;
}

#dashi {
	height: 100%;
	overflow: auto;
	background-color: #f6f7f9;
}

.dashboard, .dashboard1 {
	margin: 0px;
	height: 100%; 

}
.dash-item {
	margin-bottom: 20px;
}

.dash_addon {
	border-radius: 15px;
	border: 1px solid #eee;
	min-height: 158px;
	float: left;
/* 	margin-right: 25px; */
	padding: 15px;
}

.addon-item {
	float: left;
/* 	margin-right: 25px; */
	padding: 15px;
}

.addon-item-div {
	border-radius: 5px;
	border: 1px solid #eee;
	min-height: 258px;
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.02);
}

.addon-item-price {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1e767+0,feb645+100;Yellow+3D */
	background: #f1e767; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f1e767 0%, #feb645 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f1e767 0%,#feb645 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f1e767 0%,#feb645 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.row-addonimg img {
	width: 70%; 
	height: auto;
}



#dash_contracts {
	height: 240px;
	overflow-x: scroll;
}
#dash_emaillist {
	height: 240px;
	overflow-y: scroll;
	overflow-x: hidden;
}
#dash_emaillist div {
	color: #333;
}
#dash_emaillist a {
	color: #333;
		text-decoration: none;
}
.quota-line, .message-line {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#dash_username, #dash_passphrase {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#dash_username {
	font-size: 12px;
	font-weight: bold;
}
.emaillist {
	padding: 7px 12px 5px 12px;
	border-bottom: 1px solid #dee2e6;
}
.emaillist:hover,
.card-header:hover,
.invoicelist:hover,
.feedlist:hover  {
	background-color: var(--main-color-light);
	text-decoration: none;
}

.panel-title {
  position: relative;
}
  
.panel-title a::after {
	font-style: normal;
	font-weight: 600;
	font-family: 'Icons';
	content: "\f107";
	color: #333;
	top: 8px;
	right: 10px;
	position: absolute;
}

.panel-title a[aria-expanded="true"]::after {
	font-style: normal;
	font-weight: 600;
	font-family: 'Icons';
	content: "\f106";
}

/*
 * Added 12-27-20 to showcase full title clickthrough
 */

.panel-heading-full.panel-heading {
  padding: 0;
}

.panel-title {
  padding: 10px 15px;
}

.panel-title::after {
  top: 10px;
  right: 15px;
}


.emaillist.unseen {
	font-weight: bold;
}


#dash_invoice, #dash_feed {
  height: 240px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.invoicelist, .feedlist {
	padding: 7px 12px 5px 12px;
	border-bottom: 1px solid #dee2e6;
	color: #262523;
}
.invoicelist a, .feedlist a {
	color: #262523;
}
.invoice-5 {
	text-align: right;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.invoice-7 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#dash_faq {
	height: 240px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#dash_faq h5 {
	font-size: 1em;
	color: #343434;
}

#dash_faq .card-body {
	font-size: 0.9em;
}


#dash_faq a {
	color: #9a9a9a;
}

#dash_faq a:hover{
	color: #3d3d3d;
	text-decoration: none;
}

#dash_faq a.faq_link {
	color: #4958d5 !important;
}

.dash-faq-footer {
/* 	position: absolute; */
	bottom: 0px;
	width: 100%;
}

#dash_contracts_list {
	margin-top: 15px;
	border-radius: 5px;
	border: 1px solid #eee;
	min-height: 258px;
	padding: 15px;
	background-color: rgba(0, 0, 0, 0.02)
}

#dash_faq_list {
	margin-top: 15px;
	border-radius: 5px;
	border: 1px solid #eee;
	min-height: 258px;
	background-color: rgba(0, 0, 0, 0.02)
}

.fa-angle-down:before {
	
	font-family: 'Icons';
	content: "\f107";
	font-size: 20px;
	font-weight: 600;
	text-align: right;
}

.fa-flash::before, .fa-bolt::before {
	font-family: 'Icons';
	font-size: 20px;	
	content: "\f0e7";
	font-weight: 600;
	text-align: right;
}
.fa.pull-right {
	margin-left: .3em;
}
.fa-4x {
	font-size: 4em;
}
.unreadcount {
	min-width: 2em;
	line-height: 1.4rem;
	margin: 7.7px;
	padding: 0 .3em;
	border-radius: .4em;
	background: #f59d24;
	color: #fff;
	text-align: center;
	font-weight: bold;
}


/*
.gradient-deepblue {
	background: #6a11cb;
	background: -webkit-linear-gradient(45deg, #6a11cb, #2575fc) !important;
	background: linear-gradient(45deg, #6a11cb , #2575fc) !important;
}
*/


/*
#dash_h1, #dash_h2, #dash_h3, #dash_h4 {
	padding: 15px;
	display: flex;
}

#dash_h1 .dash_div {
	background-color: #e75200;
	margin: 0px;
	border-radius: 10px;
}
*/


.dash-card {
	border-radius: 15px;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
	background-color: #fff;
	/* color: #252422; */
	margin-bottom: 20px;
	position: relative;
	border: 0;
	transition: box-shadow .2s ease,-webkit-transform .3s cubic-bezier(.34,2,.6,1);
	transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
	transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease,-webkit-transform .3s cubic-bezier(.34,2,.6,1);
}

.dash-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
}

/* html.dark-mode */

html.dark-mode #dashi {
	background-color: #21292c;
}

html.dark-mode .dash-card {
	border-radius: 15px;
	color: #c5d1d3;
	margin-bottom: 20px;
	position: relative;
	border: 1px solid #4d6066;
	background-color: #21292c;
	transition: box-shadow .2s ease,-webkit-transform .3s cubic-bezier(.34,2,.6,1);
	transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
	transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease,-webkit-transform .3s cubic-bezier(.34,2,.6,1);
}
html.dark-mode #dash_emaillist div {
	color: #c5d1d3;
}

html.dark-mode .emaillist:hover,
html.dark-mode .card-header:hover,
html.dark-mode .invoicelist:hover,
html.dark-mode .feedlist:hover  {
	background-color: #21292c;
	color: #9a9a9a;
	text-decoration: none;
}
html.dark-mode .emaillist,
html.dark-mode .invoicelist,
html.dark-mode .feedlist {
	color: #c5d1d3;
	border-bottom: 1px solid #4d6066;
}
html.dark-mode .dash-card-footer {
	border-top: 1px solid #4d6066;
}

html.dark-mode #accordionEx .card {
	background-color: #21292c;
}
html.dark-mode #dash_faq h5 {
	color: #9a9a9a;
}

html.dark-mode #taskmenu a::before {
	background-color: #c5d1d3;
}


.dash-card-stats .dash-card-body {
	padding: 15px 15px 0;
}
.dash-card .dash-card-body {
	padding: 15px 15px 10px;
}
.dash-card-body {
	flex: 1 1 auto;
	padding: 1.25rem;
}

/*
.dash-card-footer:last-child {
	border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
}
*/

.dash-card-footer {
	padding: .75rem 1.25rem;
/*     background: #FFF !important; */
	border-top: 1px solid #fff;
}

.dash-card-stats .dash-card-body .numbers .dash-card-category,
.dash-card-stats .dash-card-body .numbers-l .dash-card-category {
	color: #000;
	line-height: 1.4em;
}
.dash-card-stats .dash-card-body .numbers p,
.dash-card-stats .dash-card-body .numbers-l p {
	margin-bottom: 0;
}

.dash-card-category {
/*
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
*/
}

.dash-card-stats .icon-big {
	font-size: 3em;
	min-height: 64px;
}



.dash-card-stats .dash-card-footer .stats {
	color: #9a9a9a;
}
.dash-card-category {
	font-size: 1em;
}
.dash-card-category, .category {
/*     text-transform: capitalize; */
	font-weight: 400;
	color: #9a9a9a;
	font-size: .7142em;
}
.dash-card-stats .dash-card-body .user {
	text-align: left;
	font-size: 2em;
}

.dash-card-stats .dash-card-body .numbers {
/*	text-align: right;*/
	font-size: 2em;
}
.dash-card-stats .dash-card-body .numbers-l {
	text-align: left;
	font-size: 2em;
}

/*
.dash-card-stats a {
	font-size: 12px;
}
*/
.dash-card-stats a:hover {
	text-decoration: none;
}

.dash-card .numbers,
.dash-card .numbers-l {
	font-size: 2em;
}
.dash-card .numbers_l h5 {
	margin: 4px 0px 20px 0px;
}

.dash-card-title {
	color: #000;
	font-size: 18px !important;
}

.dash_goto {
	text-decoration: none;
	color: #9a9a9a;
}
.dash_goto:hover {
	text-decoration: none;
	color: #797979;
}

.f0a9::before {
	font-style: normal;
	font-weight: 600;
	font-family: 'Icons';
	content: "\f0a9";
	font-size: 12px;
}
.f14c::before {
	font-style: normal;
	font-weight: 600;
	font-family: 'Icons';
	content: "\f14c";
	font-size: 12px;
}

.p-50 {
	height: 50%;
	width: auto;
}
.p-70 {
	height: 70%;
	width: auto;
}

.dta-height {
	min-height: 47px;
}

#dash_email, #dash_news, #dash_addons, #dash_tour {
	padding: 15px;
	display: flex;
	height: 50%;

}


a.dash_compose::before {
/* 	font-style: normal; */
/* 	font-weight: 400; */
	font-family: 'Icons';
	content: "\f044";
	font-size: 20px;
}

.dash_inbox::before {
	font-style:normal;
	font-weight: 400;
	font-family: 'Icons';
	content: "\f0e0";
	font-size: 42px;
	color: #4958d5 !important;
}

.dash-ticket-number {
	color: #E7E7E7;
	font-size: 32px;
}

/*
.dash_ticket::before {
	font-style:normal;
	font-weight: 400;
	font-family: 'Icons';
	content: "\f1cd";
	font-size: 42px;
	color: #4958d5 !important;
}
*/

.dash_login::before {
	
	font-style: normal;
	font-weight: 600;
	font-family: 'Icons';
	content: "\f007";
	
	background-color: none;
	border-radius: 0px;
	
	padding: 5px;
	color: #E7E7E7;
	
}
.welcome-txt {
	margin-top: 8px;
}

.tl {
	text-align: left;
}
.tr {
	text-align: right;
}

.dash_user::before {

	border-radius: 5px;
	padding: 5px;
	color: #191C27;
}
.wlcm {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 12px !important;
}
.dash_mailquota::before {
	font-style: normal;
	font-weight: 400;
	font-family: 'Icons';
	content: "\f0a0";  
	/*background-color: var(--main-color);*/
	border-radius: 5px;
	padding: 5px;
    color: #191C27;
}

.dash_ticket::before {
	font-style:normal;
	font-weight: 400;
	font-family: 'Icons';
	content: "\f1cd";
	/*background-color: var(--main-color);*/
	border-radius: 5px;
	padding: 5px;
    color: #191C27;
}

.dash_addons::before {
	font-style: normal;
	font-weight: 600;
	font-family: 'Icons';
	content: "\f12e";
	/*background-color: var(--main-color);*/
	border-radius: 5px;
	padding: 5px;
    color: #191C27;
}


.dash_passphrase::before {
	font-style:normal;
	font-weight: 400;
	font-family: 'Icons';
	content: "\f06e";
	font-size: 42px;
	color: #4958d5 !important;
}

/*
.dash_login::before {
	font-family: 'Icons';
	content: "\f4ad";
	color: #c9c9c9 !important;
}
*/


.dash_security::before {
	font-family: 'Icons';
	content: "\f06e";
	padding: 0px 10px;
	font-weight: 600;
}


.dash_addon-icon::before {
	font-style: normal;
	font-weight: 600;
	font-family: 'Icons';
	content: "\f12e";
	font-size: 42px;
	color: #d9d9d9 !important;
}


#dash_news	.dash_header::before {
	font-family: 'Icons';
	content: "\f1ea";
	padding: 0px 10px;
	font-weight: 600;
}

#dash_tour .dash_header::before {
	font-family: 'Icons';
	content: "\f075";
	padding: 0px 10px;
	font-weight: 600;
}

#dash_addons .dash_header::before {
	font-family: 'Icons';
	content: "\f12e";
	padding: 0px 10px;
	font-weight: 600;
}

.addon_li {
	border-bottom: 1px solid #dcdcdc;
}
.addon_li .description {
	color: rgba(0, 0, 0, 0.5);
}

.dash_div {
	background-color: #f4f4f4;
	width: inherit;
	height: 100%;
/* 	border: 1px solid #ecc900; */
}

.dash_header {
	color: #7c795d;
	padding: 5px;
	font-size: 20px;
	height: 42px;
	width: 100%;
	margin-bottom: 5px;
	border-bottom: 1px solid #dcdcdc;
	border-left: 2px solid #f9c986;
}

.dash_wrapper {
	margin: 15px;
/*
	overflow-x: hidden;
	overflow-y: scroll;
*/

}


.dash_footer {
/* 	border: 1px solid #f60000; */
/* 	background-color: #d0c9f7; */
	position: absolute;
	height: 32px;
	bottom: 18px;
	width: 80%;
	padding: 0px 15px;
}


.dash-card h5 {
    font-size: 1.35rem;
}